数据可视化之clay:设计思想和建立初衷

作者:心叶
时间:2018-05-01 19:28

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

数据可视化之clay:设计思想和建立初衷

项目背景

随着大数据的发展和数据本身在日常生活中日益增长的价值,以更加友好的方式把数据呈现给用户显得越来越重要,而其中,可交互的图表目前看来会是一个不错的选择。

目前开源项目中,2D和3D方面都已经有非常优秀的库了,比如d3.js和three.js,特别是three.js对3D方面的改造,大大减低了开发难度。

然而,clay.js的设计思想和他们不同,是包容而非竞争。

建立目的

首先,本项目是为了Web端数据可视化而建立的,如果用更通俗的话说,就是为了方便使用HTML + CSS + ES绘制各种2D和3D图形来反映统计的数据,并且绘制的图形是可交互的。

和别的库不同的是,clay关注的重点是绘图过程中繁琐的操作和复杂的计算部分,通过提供更友好的操作接口和丰富而基础的计算接口来加速绘图。除此之外,不会也不喜欢强迫使用者改变自己的代码习惯,或者说在尽可能的情况下,保证灵活性。

设计思想

数据可视化之clay:设计思想和建立初衷

设计的初衷是针对原生绘图的加强,因此相对别的库有以下优点:

  • 库本身基本不存在跨浏览器问题;
  • 足够的灵活,且可以和别的库很好的组合使用;
  • 可扩展性好,因为本库的核心思想是原生加强,而不是替换;
  • 库文件小,节约带宽。

为了提高代码的复用性和开发效率,类似jQuery插件或VX组件的概念,通过一个个基于clay.js的组件,在保证库文件足够小的前提下,缩短开发周期,也方便非前端人员使用。

用例

下面是基于clay绘制的一个简单图形,如果你对clay有兴趣,可以加入我们.

数据可视化之clay:设计思想和建立初衷
数据可视化之clay:设计思想和建立初衷

文档

文档地址如下:https://yelloxing.github.io/c...

数据可视化之clay:设计思想和建立初衷

相关推荐