D3是一个可视化的JS库基于数据操作，了解D3，从最基本的显示加载的数据。

html的基本框架不多说，先在代码上解释一下：

创建一个新的测试目录下这个目录下创建两个文件夹的演示和D3。演示存储HTML文件被写入，和D3店d3.v3.js

演示文件夹下创建一个新的indexp.html，复制下面的代码，并双击浏览器中打开视图。






维生素D3：设置paragraphs'style条件，基于数据





var数据集{ 5, 10, 15，20, 25 }；

d3.select（体），SelectAll（P）
数据（数据集）
输入（）
追加（p）
文本（函数（d）{）
返回我可以数到+；
}）
样式（颜色）
如果（d > 15）{ 15的阈值
返回红色；
{人}
返回黑色；
}
}）；






这个简单的演示实现的功能是向身体添加p标记，将D3加载的文本内容添加到p标记，并根据函数的设置调整文本颜色。

上面的代码，正文中的js代码，是页面上显示的数据操作。

这里的文章内容一般都谈到了使用D3连接，连接同一对象的一步数据操作，便于维护。

d3.select（体）身上的元素，并运行到下一个方法

。所有的（P）选择所有段落

对数据数组进行加载的数据（数据集）分析，5是数组的长度，每个方法将执行五次，根据顺序数组下标数组元素的操作方法。

.（）为新绑定的数据创建一个占位符元素（相当于创建了5个暂时未知的标记）。

创建的数量取决于所选择的标签的数量和所加载的数据数组的长度。

在这种情况下，如果主体中的p标记小于5，就会创建它（现在p在正文中是0，所以5），

不超过，总占用数和P元素总数为5。

附加（）将乘员元素更改为p元素。

文本（函数（d）}）显示每个段落的内容，编写一个匿名函数控件，一般字符串。这样，您可以随时编写它。

这个例子允许每个段落输出我可以计数到加上相应的数组元素值。

函数的格式是固定的，函数（d）只能将数据加载到函数中。

花柱（颜色在这种情况下，如果该段的输入值大于15，该线是红的

最后，我们看到的效果如下：



本文介绍了SVG如何画圆和圆，并连接简单的力图。