D3.js入门基础教程

什么是“框架”
什么是“应用程序”
DOM （文档对象模型(Document Object Model)
D3
- （1）下载 D3.js 的文件
- （2）直接包含网络的链接
预备知识？
- 附：D3.js 入门教程 - 极客学院Wiki

什么是“框架”

框架是应用程序“模板”，就好比“八股”文章，不论好坏，按照规则填填就是

什么是“应用程序”

应用程序是完成某项特定任务的代码堆砌，也可以说是“套路”
当你完成了一、二个项目后，你是不会放弃承载着你大量心血的“代码集”的
你会在第三、第四…个项目中重复你的思路、代码，当然也包括改进或创新
于是，“框架”出现了……

程序设计中的框架包含DoitPHP(原Tommyframework)是一个基于BSD开源协议发布的轻量级PHP框架，还包含如thinkphp、codeigniter（简称CI）、yii framework、doophp、qeephp、等主流的程序设计框架，根据个人习惯和性能要求，其各也有不同的优缺点。

从软件设计角度，框架是一个可复用的软件架构解决方案，规定了应用的体系结构，阐明软件体系结构中各层次间及其层次内部各组件间的毅力关系，责任分配和控制流程，表现为一组接口，抽象类以及实例间协作的方法。

在某些方面使用别人成熟的框架，就相当于让别人帮你完成一些基础工作，你只需要集中精力完成系统的业务逻辑设计。而且框架一般是成熟，稳健的，可以处理系统很多细节问题，还有框架一般都经过很多人使用，所以结构很好，所以扩展性也很好，而且它是不断升级的，可以直接享受别人升级代码带来的好处。

DOM （文档对象模型(Document Object Model)

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。
DOM 是一颗树，树枝和树叶都做了编号，你告诉一个脚本，一个函数去寻找哪一个枝干的哪一个叶子，对这个叶子做什么改变。

D3

D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。如果你不知道什么是 JavaScript ，请先学习一点 JavaScript 的基础知识。
它作为最流行的可视化库之一，它被很多其他的表格插件所使用。它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。你可以使用它用一个数组创建基本的HTML表格，或是利用它的流体过度和交互，用相似的数据创建惊人的SVG条形图。

D3 是一个 JavaScript 函数库，并不需要通常所说的“安装”。它只有一个文件，在 HTML 中引用即可。有两种方法：

（1）下载 D3.js 的文件

d3.zip
解压后，在 HTML 文件中包含相关的 js 文件即可。

（2）直接包含网络的链接

1
这种方法比较简单，但要保持网络连接有效。

预备知识？

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

附：D3.js 入门教程 - 极客学院Wiki

http://wiki.jikexueyuan.com/project/d3wiki/introduction.html