资讯专栏INFORMATION COLUMN

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

XFLY / 2248人阅读

摘要:然而,的设计思想和他们不同,是包容而非竞争。建立目的首先,本项目是为了端数据可视化而建立的,如果用更通俗的话说,就是为了方便使用绘制各种和图形来反映统计的数据,并且绘制的图形是可交互的。

作者:心叶
时间: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...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/114261.html

相关文章

  • clay教程二布局的使用

    摘要:上图是布局的计算模型。删除方法删除的只是布局保存的数据,然后重绘画面,如果你需要画面平滑改变,修改绘图实现方法即可,这里不再赘述。 作者:心叶时间:2018-11-06 14:47 clay项目Github地址:https://github.com/yelloxing/... 喜欢本项目的可以在github上给给star。 在绘制一些常见图形的时候,比如关系图,单个结点或连线并不难,麻...

    Forest10 评论0 收藏0
  • PHP新特性闭包、匿名函数

    摘要:闭包闭包是什么闭包和匿名函数在中被引入。可以将匿名函数和闭包视作相同的概念。闭包和字符串或整数一样,是一等值类型。何时使用我们通常把闭包当做函数和方法的回调使用。 闭包 闭包是什么? 1).闭包和匿名函数在PHP5.3中被引入。2).闭包是指在创建时封装函数周围状态的函数,即使闭包所在的环境不存在了,闭包封装的状态依然存在,这一点和Javascript的闭包特性很相似。3).匿名函数就...

    luzhuqun 评论0 收藏0
  • 使用clay.js绘制一棵圆形树

    摘要:需要说明目前,开发环境已经准备好了,因为绘制树图,我们需要模拟数据,你可以在这里下载数据我们要绘制一棵圆形树,一点点显示,你可以最终代码,查看效果然后在浏览器中打开即可查看效果。余下的就是绘制图形了。 作者:心叶时间:2019-01-23 17:55 温馨提示:clay.js已经停止维护,项目迁移到https://github.com/yelloxing/... 准备环境 我们需要用...

    FingerLiu 评论0 收藏0
  • 推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库

    摘要:推荐一些好用的游戏引擎开发库引言如果你是一个游戏开发者,并且正在寻找一个可以与和无缝工作的游戏引擎。是另一个容易使用,适用于移动设备和桌面的游戏引擎。是一个开源的用来创建使用高级技术和服务的游戏引擎。用于建立游戏和绘图引擎。 推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库 0. 引言 如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HT...

    happen 评论0 收藏0

发表评论

0条评论

XFLY

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<