当前位置：移动技术网 > IT编程>开发语言>JavaScript > D3.js的简介和安装

D3.js的简介和安装

2017年12月21日 | 移动技术网IT编程 | 我要评论

想要详细了解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之旅了。

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

从0到1学习JavaScript编写贪吃蛇游戏

本文实例为大家分享了javascript编写贪吃蛇游戏的具体代码，供大家参考，具体内容如下游戏截图1.画出游戏界面var c=document.geteleme... [阅读全文]
js编写简易的计算器

本文实例为大家分享了js编写简易计算器的具体代码，供大家参考，具体内容如下使用绑定时间触发加减乘除加：减：乘：除：源代码：<body> 第一个数... [阅读全文]
甜品消消乐 03甜品的生成与基础脚本的编写

（1）甜品数组// 甜品数组，使用二维存放生成的甜品，用于后续操作private GameSweet[,] sw... [阅读全文]
Unity Editor中打开场景获取GameObject

编辑器工具开发中，有时需要找到场景中的物体。下面介绍用代码在Editor中寻找指定场景中的GameObject如... [阅读全文]
使用Scratch制作打弹球游戏（三）过关增加难度

过关增加难度个博客我们对弹珠如何进行过关进行了讲解，我们今天呢，就来讲解以下如何增加关卡难度。大家可以想一下关卡... [阅读全文]
通过if else和switch开关语句与随机数实现模拟猜拳小游戏

模拟猜拳小游戏 //声明变量分别用1,2,3来代表石头,剪刀,布 var shitou = 1;... [阅读全文]
2018春节人生有感书法作品系列

厚德载物：人生：得舍：心经：奋斗： [阅读全文]
牛客编程巅峰赛S1第6场——B牛牛爱奇数

题目描述：解题思路：这道题一开始想着是找到最大偶数，然后求log2的值，后来发现这种逻辑是错的，因为比如6 和 ... [阅读全文]
CodeForces 1384总结

这是一场我打的不怎么成功也不怎么失败的比赛，虽然只出了一个题，而且半个来小时才出，但是居然奇迹般地加分了。这场比... [阅读全文]
原生js写简单的打地鼠游戏

原生js写简单的打地鼠游戏周末放假了刚睡觉起来，有个童鞋问我原生写地鼠游戏难不难？回答：“你理清打地鼠游戏的逻辑... [阅读全文]

网友评论


验证码：

D3.js的简介和安装

2017年12月21日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论