可视化：我们想要看出一组数据的大小关系，单看数据显然不够直观。那么我们可以将它转换为一种简单易懂的图表的形式，就可以更加直观的获取数据所传递给我们的信息。这个过程就叫做数据可视化。
可视化常用2个前端库echarts和D3.

echarts: 和 D3 js很相似，是封装好的，配置好即可使用，方便，上手快，成本低，但是不够灵活。只能修改配置项，不能自己添加和操作不存在的配置项。

d3：全称Data-Driven Documents，其实就是一个数据驱动的文档的js库，简而言之就是一个数据可视化的库。

区别

echarts 底层是使用canvas绘制图形，canvas不支持事件处理器，所以只能展示数据，而不能修改。
D3  底层是通过svg绘制图形的，二者不同之处在于svg可以操作dom，支持事件处理器，可以调用相关方法直接操作，支持链式语法，和JQuery链式调用差不多。

小结：

• D3使用svg绘制图形，echarts使用canvas绘制图形
• D3兼容IE9及以上主流浏览器，echarts兼容IE6及以上主流浏览器
• D3使用灵活，学习成本大，echarts封装好的，使用简单，不够灵活

D3与echart的适用场景

因为D3支持事件处理器可以操作dom，所以项目开发中有较多用户交互的场景，可以使用D3

.如果没有与用户交互的场景，只需要将图表展示给用户看，而不需要更改，可以使用echarts。因为D3它展示的每一个数据都是一个标签，所以当数据发生改变的时候图表会重新渲染，会不停的操作dom，这对性能的消耗是非常大的。

最新文章

1. VC++ 一个简单的Log类
2. Haskell Platform （windows）
3. C# 之 HttpWebResponse类
4. LABJS源码浅析
5. 用数据说话,外贸产品选择(中篇)-google趋势分析法
6. WPF设置VistualBrush的Visual属性制作图片放大镜效果
7. SSH综合练习-第1天
8. java split函数应该注意的问题
9. Linux系统档案与文件系统的压缩与打包
10. Codeforces Round #408 (Div. 2)(A.水,B,模拟)
11. Java基础学习笔记九 Java基础语法之this和super
12. 201621123043 《Java程序设计》第2周学习总结
13. FSBPM 开发过程中一些提醒备注信息（供参考）
14. 【转】iOS开发笔记--识别单击还是双击
15. Confluence 6 配置 Windows 服务
16. 系统重启后DNS地址默认修改修改引起的一次事故（Tomcat报错：java.net.UnknownHostException）
17. PBFT（拜占庭容错）简述
18. linux下时间问题---date
19. php7+apache2.4 (Windows7下)安装
20. Android——音乐播放器完善——进度条显示当前播放进度，加可拖动进度条（未待解决完问题）

热门文章

1. [Err] [Dtf] 1044 - Access denied for user 'root'@'localhost' to database 'information_schema'
2. GridView.RowCellClick Event
3. mysql中的InnoDB和MyISAM
4. 把excel表中的数据导入到mysql数据库中
5. open-local部署和使用
6. python 操作 ES 二、mappings
7. 树莓派，脚本遍历当前目录下视频文件，并用omxplayer播放
8. linux 软链接 硬链接 区别
9. Virtualbox网络设置
10. Netbeans 16 的学习日志(购物车GUI）（建设中）