D3.js 和 Snap.svg的 区别

笔记

Posted by Wason on October 23, 2019

D3.js 和 Snap.svg的 区别

参考网文

d3
D3.js中文文档
Snap.svg
Snap官网

知识点: 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表格内换行