-
Notifications
You must be signed in to change notification settings - Fork 140
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
d543931
commit 59feef7
Showing
1 changed file
with
85 additions
and
31 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,12 @@ | ||
# d3-api-demo | ||
《D3 API 详解》随书源码。源码按照[D3.js官方API文档](https://github.com/mbostock/d3/wiki)的组织结构一一介绍。如有纰漏还请指教! | ||
>《D3 API 详解》随书源码。 | ||
* 源码对[D3.js官方API文档](https://github.com/mbostock/d3/wiki/API-Reference)中的函数进行介绍,限于彩版篇幅限制部分内容有删减。 | ||
* 如果发现错误或有疑问欢迎通过邮件[email protected]交流! | ||
* 欢迎提交Pull Request提供更好的方案! | ||
|
||
# Authors | ||
* [张天旭](https://github.com/tianxuzhang) | ||
* [魏飞](https://github.com/WeiFei365) | ||
|
||
# Dependencies | ||
* [d3.js 3.5.5](https://github.com/mbostock/d3/releases/download/v3.5.5/d3.zip) | ||
|
@@ -29,34 +36,81 @@ | |
|
||
# References | ||
|
||
**[1] 官方API 文档。** | ||
>学习和使用D3 的一手资料。除了文档之外还有一些代码示例。 | ||
https://github.com/mbostock/d3/wiki/API-Reference | ||
|
||
**[2] Stackoverflow。** | ||
>很多难以理解的API 可以在这找到答案。http://stackoverflow.com/search?q=d3 | ||
**[3] D3 开发者Mike Bostock 的博客。** | ||
>包含大量在线示例。介绍了很多D3 的编程技巧,讲解了部分API 的使用,还探讨了许多 | ||
使用D3 会遇到的问题的解决方案。http://bl.ocks.org/mbostock | ||
|
||
**[4] D3 开发者Jason Davies 的个人网站。** | ||
>包含很多在线示例。涉及一些API 的形象解释。扩展了D3 的地理投影。讲解了很多D3 | ||
的实现原理如贝塞尔曲线的动态演示等。还有一些像词云这样的实用插件。 | ||
https://www.jasondavies.com/ | ||
|
||
**[5] 2000 多个D3 在线案例汇总。** | ||
>作者收集的这些可视化案例大都可以在线运行,并且已经按照类别组织好,可以通过关键 | ||
词来筛选案例。http://christopheviau.com/d3list/gallery.html | ||
|
||
**[6] D3 官方教程。** | ||
>教程包含图书、博客、幻灯片等各种资料。https://github.com/mbostock/d3/wiki/Tutorials | ||
**[7] 数据可视化工具汇总。** | ||
>数据可视化技术选型的重要参考资料。包含50 多种流行的数据可视化工具的开源协议, | ||
主页,文档,案例等资源的简单介绍,这些工具包括著名的D3.js,R,Gephi,Raphaël, | ||
Processing.js,Tableau Public,Google Chart Tools,Arbor.js 等工具。 | ||
http://selection.datavisualization.ch/ | ||
|
||
**[8] SVG 在线教程。** | ||
>讲解SVG 的基本功能,案例都可以在线演示。http://tutorials.jenkov.com/svg/index.html | ||
**[9] 《数据可视化实战(使用D3 设计交互式图表)》。** | ||
>Scott Murray 著,李松峰译。这本书写得浅显易懂,是入门D3 的经典书籍。其中也有涉及 | ||
一些API 的简要介绍。 | ||
|
||
**[10] 《D3.js In Action》。** | ||
>Elijah Meeks 著。涉及D3 数据可视化的方方面面,特别是数据可视化和D3.js 的原理,定 | ||
制组件,大数据可视化等内容很经典。内容详实丰富。 | ||
|
||
**[11] 《Mastering D3.js》。** | ||
>Pablo Navarro 著。其中讲解了比较实用的地理可视化和实时数据可视化,包含部分API | ||
的介绍。 | ||
|
||
**[12] mapshaper。** | ||
>支持Shapefile,GeoJSON 和TopoJSON 文件的在线编辑和转换。http://mapshaper.org/ | ||
* https://github.com/mbostock/d3/wiki/Core. | ||
* http://www.w3.org/TR/css3-selectors/. | ||
* http://sizzlejs.com/. | ||
* http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-textContent. | ||
* http://www.w3.org/TR/html5/apis-in-html-documents.html#innerhtml. | ||
* https://developer.mozilla.org/en-US/docs/XMLSerializer. | ||
* http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-registration. | ||
* http://en.wikipedia.org/wiki/Quantile#Quantiles_of_a_population. | ||
* http://bost.ocks.org/mike/shuffle/. | ||
* http://bl.ocks.org/phoebebright/raw/3176159/. | ||
* http://www.w3.org/TR/SVG/coords.html#TransformAttribute. | ||
* http://tomcat.apache.org/. | ||
* http://tools.ietf.org/html/rfc4180. | ||
* http://docs.python.org/release/3.1.3/library/string.html#formatspec. | ||
* http://www.w3.org/TR/SVG/text.html#TextPathElement. | ||
* https://github.com/mbostock/d3/wiki/Layouts. | ||
* http://en.wikipedia.org/wiki/Dendrogram. | ||
* http://en.wikipedia.org/wiki/Verlet_integration. | ||
* http://mbostock.github.io/protovis/ex/nbody.html. | ||
* http://en.wikipedia.org/wiki/Barnes-Hut_simulation. | ||
* http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf | ||
* http://www.cs.umd.edu/hcil/treemap-history/. | ||
* http://bl.ocks.org/mbostock/5663666. | ||
* http://bl.ocks.org/mbostock/3788999. | ||
* http://openlayers.org/. | ||
* http://leafletjs.com/. | ||
* http://bl.ocks.org/mbostock/5663666. | ||
* http://bl.ocks.org/4ndr01d3/727175afbdc58c3626b8 | ||
* http://baike.sogou.com/v71002096.htm | ||
* https://en.wikipedia.org/wiki/Delaunay_triangulation. | ||
**其他** | ||
>https://github.com/mbostock/d3/wiki/Core. | ||
http://www.w3.org/TR/css3-selectors/. | ||
http://sizzlejs.com/. | ||
http://www.w3.org/TR/DOM-Level-3-Core/core.html#Node3-textContent. | ||
http://www.w3.org/TR/html5/apis-in-html-documents.html#innerhtml. | ||
https://developer.mozilla.org/en-US/docs/XMLSerializer. | ||
http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-registration. | ||
http://en.wikipedia.org/wiki/Quantile#Quantiles_of_a_population. | ||
http://bost.ocks.org/mike/shuffle/. | ||
http://bl.ocks.org/phoebebright/raw/3176159/. | ||
http://www.w3.org/TR/SVG/coords.html#TransformAttribute. | ||
http://tomcat.apache.org/. | ||
http://tools.ietf.org/html/rfc4180. | ||
http://docs.python.org/release/3.1.3/library/string.html#formatspec. | ||
http://www.w3.org/TR/SVG/text.html#TextPathElement. | ||
https://github.com/mbostock/d3/wiki/Layouts. | ||
http://en.wikipedia.org/wiki/Dendrogram. | ||
http://en.wikipedia.org/wiki/Verlet_integration. | ||
http://mbostock.github.io/protovis/ex/nbody.html. | ||
http://en.wikipedia.org/wiki/Barnes-Hut_simulation. | ||
http://emr.cs.iit.edu/~reingold/tidier-drawings.pdf | ||
http://www.cs.umd.edu/hcil/treemap-history/. | ||
http://bl.ocks.org/mbostock/5663666. | ||
http://bl.ocks.org/mbostock/3788999. | ||
http://openlayers.org/. | ||
http://leafletjs.com/. | ||
http://bl.ocks.org/mbostock/5663666. | ||
http://bl.ocks.org/4ndr01d3/727175afbdc58c3626b8 | ||
http://baike.sogou.com/v71002096.htm | ||
https://en.wikipedia.org/wiki/Delaunay_triangulation. |