數據可視化之clay:設計思想和創建初衷

做者：心葉
時間：2018-05-01 19:28

clay項目Github地址：https://github.com/yelloxing/...

項目背景

隨着大數據的發展和數據自己在平常生活中日益增加的價值，以更加友好的方式把數據呈現給用戶顯得愈來愈重要，而其中，可交互的圖表目前看來會是一個不錯的選擇。

目前開源項目中，2D和3D方面都已經有很是優秀的庫了，好比d3.js和three.js，特別是three.js對3D方面的改造，大大減低了開發難度。

然而，clay.js的設計思想和他們不一樣，是包容而非競爭。

創建目的

首先，本項目是爲了Web端數據可視化而創建的，若是用更通俗的話說，就是爲了方便使用HTML + CSS + ES繪製各類2D和3D圖形來反映統計的數據，而且繪製的圖形是可交互的。

和別的庫不一樣的是，clay關注的重點是繪圖過程當中繁瑣的操做和複雜的計算部分，經過提供更友好的操做接口和豐富而基礎的計算接口來加速繪圖。除此以外，不會也不喜歡強迫使用者改變本身的代碼習慣，或者說在儘量的狀況下，保證靈活性。

設計思想

設計的初衷是針對原生繪圖的增強，所以相對別的庫有如下優勢：

• 庫自己基本不存在跨瀏覽器問題；
• 足夠的靈活，且能夠和別的庫很好的組合使用；
• 可擴展性好，由於本庫的核心思想是原生增強，而不是替換；
• 庫文件小，節約帶寬。

爲了提升代碼的複用性和開發效率，相似jQuery插件或VX組件的概念，經過一個個基於clay.js的組件，在保證庫文件足夠小的前提下，縮短開發週期，也方便非前端人員使用。

用例

下面是基於clay繪製的一個簡單圖形，若是你對clay有興趣，能夠加入咱們.

文檔

文檔地址以下：https://yelloxing.github.io/c...