数据可视化之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...