数据可视化初学者：先学习处理，d3.js还是其他？

Question

我是视觉/信息设计师和数据分析师。我是Illustrator的专家。我想过渡到动态数据可视化。我最好使用我的矢量文件并将它们连接到数据库。说过我想要精通数据可视化编程。

什么路线？ 我已经测试了处理＆＃39;通过介绍性课程 - 它类似于Illustrator中的逻辑。我在考虑d3.js.看起来共识是将“处理”与“处理”结合起来。和d3。我应该从哪个程序开始（知道我想利用我的矢量文件）。

提前谢谢！

Answer 1

我投票支持d3js，我将分享我的学习技巧。我是d3.js的初学者，当我突然不得不实现图表，小部件和＆＃34;很好＆＃34; （翻译：复杂）可视化的东西。

为什么选择d3？它运行在这个时代的每个浏览器（IE9 +），它不需要安装或插件或特殊设置，只需几行代码，你就可以了。而且手机也可以毫不费力地运行它。

学习曲线很糟糕，但现在我知道自己做错了什么，我可以和你分享一个更好的学习计划。

1. 转到SVG教程。忘记d3，去寻找基础...如果你不了解字母，你怎么能写单词然后再写句子？ Mozilla的教程对我帮助很大！ https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
2. 现在你可以去做一些d3动作了。不要去文档，先去看教程。 https://github.com/mbostock/d3/wiki/Tutorials
   好的东西在＆＃34;简介＆＃34;，＆＃34;让我们制作一个条形图，第一部分，第二部分和第二部分。 III＆＃34;以及最重要的一般更新模式，第一部分，第二部分和第二部分。 III＆＃34 ;.
3. 现在查看并分析这些示例，它们都有源代码和一些注释。

无论如何，这一切都取决于您的JavaScript，DOM和SVG的熟练程度。

Answer 2

我推荐d3.js.网上有很多例子可供使用。

但您需要先学习 Javascript基础知识。

http://www.codecademy.com/tracks/javascript

http://www.w3schools.com/js/DEFAULT.asp

一旦你有初级Javascript，你可以转到 d3.js教程。

https://github.com/mbostock/d3/wiki/Tutorials

我在这里制作了几个交互式d3.js教程：

https://www.youtube.com/playlist?list=PLRJOPJMJE3OTcg5TNV6ZdbIDbFITu2OXu

更新：我为初学者编写了新的教程，以便学习Javascript和数据可视化：

http://blog.vida.io/2014/06/23/coding-visualization-tutorial-1-variables/ http://blog.vida.io/2014/06/23/coding-visualization-tutorial-2-functions/

玩得开心！