D3.js的简介和安装
想要详细了解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之旅了。
上一篇: Extjs表单验证小结
推荐阅读
-
简介WordPress中用于获取首页和站点链接的PHP函数
-
整理的9个实用的PHP库简介和下载_PHP教程
-
detectron2训练自己的数据实现目标检测和关键点检测(一) ubuntu18.04安装测试detectron2
-
PHP网站安装程序制作的原理、步骤、注意事项和示例代码_PHP教程
-
Ubuntu 下 nginx , php , mysql 和 golang 的简单安装
-
PHP队列服务HTTPSQS的安装和使用实例
-
windows上php环境下memcache和mongodb的安装
-
nodejs安装和配置环境的方法介绍
-
python中redis的安装和使用
-
2016 cocoapods的安装和使用方法以及版本升级遇到的问题