D3.js 和 Snap.svg的 区别
参考网文
知识点: 1.D3使用函数式的JavaScript编程风格 2.如下表
工具 | Snap.svg | D3.js |
---|---|---|
特点 | 类似svg中的jQuery库 | D3.js(Data-Driven Documents)即被数据驱动的文档,它是一个用于根据数据来操作文档的JavaScript库 |
描述 | 1.实现了svg中的一些高级特性的功能,比如蒙板、渐变、分组以及动画等高级特性,而且也不再对老版本的不支持svg的浏览器进行兼容,大大减少了代码量更加能发挥svg的特性 2.能创建svg格式的图形,也能基于现有的svg图形来进行操作 |
1.相对于echart, highchart等其他图表库 2.D3算是比较底层的可视化工具,不提供任何一种现成的图表,所有的图表都是在它的库里挑选合适的方法构建而成 3.主要用于网页作图、生成互动图形 |
与JQuery区别 | 它的功能跟jQuery在dom的作用差不多,只不过它是专门用来操作svg的 | 1. D3是数据驱动的,JQuery不是: 我们使用JQuery选择器$()直接操纵元素; D3通过专有的datum(),data(),enter()和exit()方法提供数据和回调,然后操作元素; 2. D3用来做数据可视化,jQuery用来创建web应用 |
浏览器支持 | Snap只支持IE9+,chrome,safari,firefox以及opera等现代浏览器。 | 不包括IE8及以前的版本, 在Chrome、Firefox、Safari、Opera和IE9上都能正常使用,D3的大部分组件可以在旧的浏览器运行 |
PS:
① Markdown插入表格语法
② markdown表格内换行