【D3相关资料整理】持续更新中......

本文链接：https://blog.csdn.net/tianxuzhang/article/details/18456701

写在前面的话：

我一直在搜索D3的资料
也是不断在学习
我自己学习的时候感觉资料很少很痛苦
所以就不希望别人也这么痛苦了
我把我找到过的资料都分享一下，希望对您有帮助，如果你有新的资料可以给我留言
资料太多不方便看的话看目录吧 \(^o^)/~

主要资料

[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/

D3的替代方案

简易图表

Echarts

百度打造，底层主要是Canvas技术，图表封装的类型很多和易用性很好。

地址：http://echarts.baidu.com/index.html

Google Chart Tools

由早期的Image Charts API 发展而来的Google Chart Tools，可以用来生成不少标准的图表，也支持旧版本的IE。

地址：https://developers.google.com/chart/。

Highcharts JS

JavaScript 图表库，包含一些预定义的主题和图表。它在最新浏览器中使用SVG，而在旧版本IE（包括IE6 及更新版本）中使用后备的VML。这个工具只对非商业用途免费。

地址：http://www.highcharts.com/。

JavaScript InfoVis Toolkit

简称JIT，它提供了一些预设的样式可用于展示不同的数据，包括很多例子，而文档的技术味道太浓。如果你喜欢它的预设样式，可以选择它，但浏览器支持情况不太清楚。

地址：http://philogb.github.com/jit/。

jqPlot

jQuery 绘图插件，只支持一些简单的图表，适合不需要自定义样式的情况。jqPlot 支持IE7 及更新版本。地址：http://www.jqplot.com/。

Timeline.js

专门用于生成交互式时间线的一个库。不用编写代码，只用其代码生成器即可。定制的空间不大，但时间线可不是那么容易做的。Timeline.js 只支持IE8 及之后的版本。

地址：http://timeline.verite.co/。

YUI Charts

雅虎YUI（Yahoo! User Interface Library）的Charts 模块，可用于创建简单的图表，支持很多浏览器。

地址：http://yuilibrary.com/yui/docs/charts/。

图谱可视化

所谓"图谱"，就是具有网络结构的数据（比如B 连接到A，A 连接到C）。

Arbor.js

基于jQuery 的图谱可视化库。就算没用过它，也该看一看它的文档，连它的文档都是用这个工具生成的（可见它有多纯粹、多meta）。这个库使用了HTML 的canvas 元素，因此只支持IE9 和其他较新的浏览器，当然也有一些针对旧版浏览器的后备措施。

地址：http://arborjs.org/。

Sigma.js

一个非常轻量级的图谱可视化库。无论如何，你得看看它的网站，在页面上方的大图上晃几下鼠标，然后再看看它的演示。Sigma.js 很漂亮，速度也快，同样使用canvas。

地址：http://sigmajs.org/。

地图映射

我们要区分一下地图（全部内容都是地图）和地图映射（包括地理位置数据或地理数据，比如传统的地图）。D3 本身也有很多地图映射功能，但下面这些工具最好你也了解一下。

Kartograph

Gregor Aisch 开发的一个基于JavaScript 和Python 的非常炫的、完全使用矢量的库，它的演示是必看的。最好现在就去看一看。保证你从来没见过这么漂亮的在线地图。Kartograph 支持IE7 及更新版本。

地址：http://kartograph.org/。

Leaflet

贴片地图的库，可以在桌面和移动设备上流畅地交互。它支持在地图贴片上显示一些SVG 数据层。（参见Mike 的演示"Using D3 with Leaflet"：http://bost. ocks.org/mike/leaflet/。) Leaflet 支持IE6（勉强）或IE7（好得多），当然还有其他更新版本的浏览器。

地址：http://leafletjs.com/。

Polymaps

显示贴片地图的库，在贴片上可以叠加数据层。Polymaps 依赖于SVG，因此在较新的浏览器中表现很好。

地址：http://polymaps.org/。

更底层的方案

以下工具跟D3 有些类似，都提供了绘制图形的方法，但没有预定义的模板。如果你愿意从头开始，希望得到更大的自由度，可能会对它们感兴趣。

Processing.js

Processing 的原生JavaScript 实现，是新接触编程的艺术家和设计师的梦幻式编程语言。Processing 是Java 写的，因此Processing 草图要在网页中显示通常要靠Java 小程序。有了Processing.js，常规的Processing 代码就可以在浏览器中直接运行了。由于使用canvas，所以只适合现代的浏览器。

地址：http:// processingjs.org/。