【 D3.js 入门系列 --- 0 】 简介和安装
来源:互联网 发布:js开发工具中文版 编辑:程序博客网 时间:2024/05/29 06:39
版权声明:本文为博主原创文章,未经博主允许不得转载。
D3的全称是(Data-Driven Documents),顾名思义可以知道是一个关于数据驱动的文档的JavaScript类库。如果你不知道什么是javascript,请先学习javascript的相关知识。
说得简单一点,D3.js主要是用于操作数据的,它通过使用HTML、SVG、CSS来给你的数据注入生命,即转换为各种简单易懂的绚丽的图形。
先看一个简单的例子。
现在有一组数据, 【 4 , 32 , 15 , 16 , 42 , 25 】 ,现在我希望让人一眼就看出他们的大小关系,怎么办?当然这里的数据不算多,有那眼疾手快的家伙站出来说我能一眼看出来!但更直观的是用图形显示,如下图:
通过图形的显示,能很清楚地知道他们的大小关系。当然,D3能力远不止如此,这只是一个很小的应用。通过D3的使用,你能把枯燥乏味复杂的数据,用很简单明了的形式显示出来,这也叫数据可视化。
学习D3.js最好的地方是: http://d3js.org/ ,当然里面都是英文的。
下面说一下怎么使用安装使用D3.js,方法有两种:
1.下载D3.js的文件
- d3.zip
2.还可以直接包含网络的链接,这种方法较简单
但使用的时候要保持网络连接有效,不能再断网的情况下使用。
好了,可以开始你的D3之旅了。
0 0
- 【 D3.js 入门系列 --- 0 】 简介和安装
- 【 D3.js 入门系列 --- 0 】 简介和安装
- d3.js 简介和安装
- 【 D3.js 视频系列 】 飞速入门
- 【 D3.js 入门系列 — 5 】 坐标轴
- 【 D3.js 视频系列 】 飞速入门
- 【 D3.js 入门系列 --- 2 】 如何使用数据和选择元素
- 【 D3.js 入门系列 --- 5.1 】 做一个带坐标轴和标签的图表
- 【 D3.js 入门系列 — 10.3 】 GeoJSON 和 TopoJSON 文件有什么不同?
- 【 D3.js 入门系列 — 11 】 入门总结
- 【D3.js数据可视化系列教程】--(一)简介
- 【D3.V3.js数据可视化系列教程】--(一)简介
- 【 D3.js 入门系列 --- 1 】 第一个程序HelloWorld
- 【 D3.js 入门系列 --- 3 】 做一个简单的图表!
- 【 D3.js 入门系列 --- 4 】 如何使用scale(比例)
- 【 D3.js 入门系列 --- 5 】 如何添加坐标轴
- 【 D3.js 入门系列 --- 6 】 如何让图表动起来
- 【 D3.js 入门系列 --- 8 】 对话操作(事件)
- ActiveMQ
- STL erase陷阱
- LinkedHashMap和HashMap的区别以及使用方法
- Android 异步消息处理机制 让你深入理解 Looper、Handler、Message三者关系
- WebService深入浅出
- 【 D3.js 入门系列 --- 0 】 简介和安装
- Spring MVC + Spring + Hibernate集成
- 【bzoj3262】陌上花开
- Caffe安装以及GPU服务器设置并行
- JavaScript中canvas绘制太极图案
- 【Codeforces Round #411 (Div. 1)】Codeforces 804D
- 超酷的 Vim 搜索技巧
- Vuforia核心特征视频教程
- 《Effective java 第2版》读书笔记--泛型与枚举