摘要:然而,的设计思想和他们不同,是包容而非竞争。建立目的首先,本项目是为了端数据可视化而建立的,如果用更通俗的话说,就是为了方便使用绘制各种和图形来反映统计的数据,并且绘制的图形是可交互的。
作者:心叶
时间: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
摘要:上图是布局的计算模型。删除方法删除的只是布局保存的数据,然后重绘画面,如果你需要画面平滑改变,修改绘图实现方法即可,这里不再赘述。 作者:心叶时间:2018-11-06 14:47 clay项目Github地址:https://github.com/yelloxing/... 喜欢本项目的可以在github上给给star。 在绘制一些常见图形的时候,比如关系图,单个结点或连线并不难,麻...
摘要:闭包闭包是什么闭包和匿名函数在中被引入。可以将匿名函数和闭包视作相同的概念。闭包和字符串或整数一样,是一等值类型。何时使用我们通常把闭包当做函数和方法的回调使用。 闭包 闭包是什么? 1).闭包和匿名函数在PHP5.3中被引入。2).闭包是指在创建时封装函数周围状态的函数,即使闭包所在的环境不存在了,闭包封装的状态依然存在,这一点和Javascript的闭包特性很相似。3).匿名函数就...
摘要:需要说明目前,开发环境已经准备好了,因为绘制树图,我们需要模拟数据,你可以在这里下载数据我们要绘制一棵圆形树,一点点显示,你可以最终代码,查看效果然后在浏览器中打开即可查看效果。余下的就是绘制图形了。 作者:心叶时间:2019-01-23 17:55 温馨提示:clay.js已经停止维护,项目迁移到https://github.com/yelloxing/... 准备环境 我们需要用...
摘要:推荐一些好用的游戏引擎开发库引言如果你是一个游戏开发者,并且正在寻找一个可以与和无缝工作的游戏引擎。是另一个容易使用,适用于移动设备和桌面的游戏引擎。是一个开源的用来创建使用高级技术和服务的游戏引擎。用于建立游戏和绘图引擎。 推荐一些好用的 HTML5 & JavaScript 游戏引擎开发库 0. 引言 如果你是一个游戏开发者,并且正在寻找一个可以与 JavaScript 和 HT...
阅读 1237·2021-11-22 09:34
阅读 2045·2021-10-08 10:18
阅读 1657·2021-09-29 09:35
阅读 2359·2019-08-29 17:20
阅读 2044·2019-08-29 15:36
阅读 3321·2019-08-29 13:52
阅读 705·2019-08-29 12:29
阅读 1112·2019-08-28 18:10