想要详细了解D3.js的朋友，欢迎来https://www.ourd3js.com/ 讨论
D3的全称是（Data-Driven Documents），顾名思义...
想要详细了解D3.js的朋友，欢迎来https://www.ourd3js.com/ 讨论
D3的全称是（Data-Driven Documents），顾名思义可以知道是一个关于数据驱动的文档的javascript类库。如果你不知道什么是javascript，请先学习javascript的相关知识。
说得简单一点，D3.js主要是用于操作数据的，它通过使用HTML、SVG、CSS来给你的数据注入生命，即转换为各种简单易懂的绚丽的图形。
先看一个简单的例子。
现在有一组数据， 【 4 ， 32 ， 15 ， 16 ， 42 ， 25 】 ，现在我希望让人一眼就看出他们的大小关系，怎么办？当然这里的数据不算多，有那眼疾手快的家伙站出来说我能一眼看出来！但更直观的是用图形显示，如下图：
vcrHo7ogaHR0cDovL2QzanMub3JnLyAgo6y1sci7wO/D5ra8ysfTos7EtcShoyA8YnI+CiAgICDPwsPmy7XSu8/C1PXDtMq508OwstewyrnTw0QzLmpzo6y3vbeo09DBvdbWo7ogPGJyPgogICAgMS7PwtTYRDMuanO1xM7EvP4gPGJyPgo8L3A+Cjx1bD4KPGxpPiBkMy56aXAgICAgICAKICAgIL3i0bm686Os1NpodG1so6xqc3DWrsDgtcTOxLz+1tCw/Lqsz+C52LXEanPOxLz+vLS/ySA8YnI+CiAgICAgPGJyPgogICAgMi67ub/J0tTWsb3TsPy6rM34wue1xMG0vdOjrNXi1ta3vbeovc+88rWlIDxicj4KCjxwcmUgY2xhc3M9"brush:java;"><script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
但使用的时候要保持网络连接有效，不能再断网的情况下使用。
好了，可以开始你的D3之旅了。