D3.js入坑记

标签（空格分隔）：技术

数据可视化（ Data Visualization ）是把人类看不见的事物、现象等用人类能看见的方式把它表现出来。

柱形图、折线图、散点图，可被称为简单图表。

饼状图、力导向图、树状图、弦图等，可被称为复杂图表。饼状图又是复杂图表中最简单的。

从 D3 的角度看，简单图表不使用布局，复杂图表使用。

大数据时代要转变的思维：

1. 要分析所有数据，而不是少量的数据样本

在”大数据时代“，样本=总体

2. 要追求数据的纷繁复杂，而不是精确性

使用”标签“代替”分类“。现在互联网上广泛使用”标签“，通过标签来检索图片、视频、音乐等。当然，有时人们会错标标签，这让习惯精确性的人很痛苦，但是，接受”混乱“给我们带来了两个好处：

由于拥有了远比”分类”数量多得多的标签，我们能够获得更多的内容。
可以通过标签组合来过滤内容。

3. 要关注事物的相关关系，而不是因果关系

相关关系能给我们分析问题提供新的视角，我们不需要事事去探究为什么，并且，它使我们相信，不探究”为什么“也是合理的。

一个比喻

D3 就像是写毛笔字，其他的可视化库就像是写钢笔字。钢笔字上手容易，下笔简单，快捷，写出来的东西叫做文章。毛笔字需要长期磨练，上手较难，但是一旦掌握了，便能行云流水，心随念想，可进可退，只在笔尖，写出来的东西叫做艺术。

准备

预备知识

HTML：超文本标记语言，用于设定网页的内容
CSS：层叠样式表，用于设定网页的样式
JavaScript：一种直译式脚本语言，用于设定网页的行为
DOM：文档对象模型，用于修改文档的内容和结构
SVG：可缩放矢量图形，用于绘制可视化的图形

制作网页常用的工具即可。

记事本软件：Notepad++、Editplus、Sublime Text 等，选择自己喜欢的即可。
浏览器：IE9 以上、Firefox、Chrome等，推荐用 Chrome
服务器软件：Apache、Tomcat 等

其中，服务器软件可能不是必须的，不过 D3 中有些函数需要将 HTML 文件放置于服务器目录下，才能正常使用，关于这点以后会再做说明。

附：每个网站开发人员都有必要了解以下几方面的知识：
万维网如何工作
HTML 语言
如何使用层叠样式表 (CSS)
JavaScript 编程
XML 标准
服务器脚本技术
使用 SQL 来管理数据

接下来，正式开启入门

D3 入门系列
0 简介和安装
1 第一个程序HelloWorld
2 选择元素和绑定数据
2.1 选择、插入、删除元素
3 做一个简单的图表！
4 比例尺的使用
5 坐标轴
5.1 完整的柱形图
6 让图表动起来
7 理解 update, enter, exit 的使用
8 交互式操作
9 布局
9.1 饼状图的制作
9.2 力导向图的制作
9.3 弦图的制作
9.4 集群图的制作
9.5 树状图的制作
9.6 打包图的制作
10 地图的制作
10.1 简化 GeoJSON 文件
10.2 可拖动的地图
10.3 GeoJSON 和 TopoJSON 文件有什么不同？
入门总结