gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated this page to match its English version (#31585)

Browse Source 
* Updated this page to match its English version

* Fix markdown syntax errors and invalid resource URL
This commit is contained in:
Xin
2018-11-30 03:02:57 +09:00
committed by Jingyi Ding
parent dd80893543
commit 6200599e20
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
guide/chinese/d3/index.md
View File

@ -4,21 +4,21 @@ localeTitle: D3
---
# D3：数据驱动文档
**数据驱动文档** （D3.js）是一个JavaScript库，用于在Web浏览器中生成动态，交互式数据可视化。 **D3.js** API包含各种方法，可以分为以下逻辑单元 - _选择_ ， _转换_ ， _数组_ ， _数学_ ， _颜色_ ， _比例_ ， _SVG_ ， _时间_ ， _布局_ ， _地理_ ， _几何_ ， _行为_ 。
**数据驱动文档** （D3.js）是一个JavaScript库，用于在Web浏览器中生成动态，交互式数据可视化。 **D3.js** API包含的各种方法，可以分为以下逻辑单元 - _选择_ ， _转换_ ， _数组_ ， _数学_ ， _颜色_ ， _比例_ ， _SVG_ ， _时间_ ， _布局_ ， _地理_ ， _几何_ ， _行为_ 。
![D3.js标志](https://i2.wp.com/pbiswas101.files.wordpress.com/2018/07/d3.jpg?w=312&h=161)
**D3.js**通过将强大的可视化和交互技术与数据驱动的DOM操作方法相结合，帮助您可视化数据。它还通过为您的数据设计正确的可视界面，提供现代浏览器的全部功能。
**D3.js**通过将强大的可视化和交互技术与数据驱动的DOM操作方法相结合，帮助您实现数据的可视化。通过为您的数据设计正确的可视界面，以提供现代浏览器的所支持的全部功能。
**D3.js**版本1.0.0于2011年2月18日发布。
## 为什么，D3.js？
## 为什么使用D3.js？
_D3_ \*没有引入新的视觉表现。与**Processing** ， **Raphaël**或**Protovis不同** ， _D3的_图形标记词汇直接来自Web标准：HTML，SVG和CSS - https://d3js.org/
###### 入门
你可以从中学到超过20,000多个**D3.js的**例子，但是你永远不知道任何给定的例子会多么平易近人！所以，问题是 - 如何从第一原理构建可视化？正如您可能已经看到的那样，D3的API非常庞大，所以我们可以提前了解一些在早期特别有用的实用工具：
有超过20,000多个**D3.js的**例子供您参考，学习，而且大都非常实用！所以，您要问的问题是 - 如何从第一原理构建可视化？正如您可能已经了解的那样，D3的API非常庞大，所以我们可以提供一些在早期特别有用的实用工具：
* **D3级**
@ -36,7 +36,7 @@ _D3_ \*没有引入新的视觉表现。与**Processing** ， **Raphaël**或**P
![](https://i0.wp.com/pbiswas101.files.wordpress.com/2018/07/collection.png?w=400&h=100)
* **D3-层次**
* **D3层次**
![](https://i2.wp.com/pbiswas101.files.wordpress.com/2018/07/hierarchy.png?w=400&h=100)
@ -48,7 +48,9 @@ _D3_ \*没有引入新的视觉表现。与**Processing** ， **Raphaël**或**P
![](https://i1.wp.com/pbiswas101.files.wordpress.com/2018/07/force.gif?w=400&h=100)
因此，只需要了解一些最新HTML5功能的基本知识，例如SVG，Canvas，您就可以深入了解像**D3.js**这样的库将数据变为现实的世界！ ######贡献
只需要了解一些HTML5功能的基本知识，例如SVG，Canvas，您就可以深入了解像**D3.js**这样的库将数据变为现实的世界！
###### 贡献
* https://github.com/d3/
@ -56,7 +58,7 @@ _D3_ \*没有引入新的视觉表现。与**Processing** ， **Raphaël**或**P
* https://en.wikipedia.org/wiki/D3.js
* https://en.wikipedia.org/wiki/Document _对象_模型
* https://en.wikipedia.org/wiki/Document_Object_Model
* http://blockbuilder.org/search
@ -65,4 +67,4 @@ _D3_ \*没有引入新的视觉表现。与**Processing** ， **Raphaël**或**P
* https://davidwalsh.name/learning-d3
* * *
* * *