欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

D3.js的简介和安装

程序员文章站 2022-05-18 08:29:58
想要详细了解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 】 ,现在我希望让人一眼就看出他们的大小关系,怎么办?当然这里的数据不算多,有那眼疾手快的家伙站出来说我能一眼看出来!但更直观的是用图形显示,如下图:

D3.js的简介和安装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之旅了。