d3.js - 数据可视化初学者 : Learn processing, d3.js 还是其他先?

标签 d3.js processing visualization vector-graphics

关闭。这个问题是opinion-based .它目前不接受答案。












想改善这个问题吗?更新问题,以便可以通过 editing this post 用事实和引文回答问题.

7年前关闭。




Improve this question




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

什么路线?
我已经通过介绍性类(class)测试了“处理”——它类似于 Illustrator 中的逻辑。我正在考虑 d3.js。看起来共识是将“处理”和 d3 结合起来。我应该从什么程序开始(知道我想使用我的矢量文件)。

先感谢您!

最佳答案

我为 d3js 投票,我将分享我的学习技巧。我是 d3.js 的初学者,突然我不得不实现图表、小部件和“漂亮”(翻译:复杂)的可视化内容。

为什么是d3?它可以在这个时代的所有浏览器 (IE9+) 中运行,不需要安装、插件或特殊设置,只需几行代码,您就可以开始使用了。而手机也可以毫不费力地运行它。

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

  • 转到 SVG 教程。忘记 d3,去学习基础知识...如果你不知道字母表,你怎么能写单词然后写句子? Mozilla 的教程对我帮助很大! https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial
  • 现在您可以进行一些 d3 操作。不要去看文档,先去看教程。 https://github.com/mbostock/d3/wiki/Tutorials
    好东西在“介绍”,“让我们制作条形图,第一、二和三部分”以及最重要的“一般更新模式,第一、二和三部分”。
  • 现在查看并分析示例,它们都有源代码和一些注释。

  • 无论如何,这完全取决于您对 JavaScript、DOM 和 SVG 的熟练程度。

    关于d3.js - 数据可视化初学者 : Learn processing, d3.js 还是其他先?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24273932/

    相关文章:

    javascript - 在 p5.js 中创建实体 3D 形状

    javascript - 如何在 ProcessingJS 中使用 mousePressed?

    python - Pyplot/Matplotlib : How to achieve a compressed y-axis

    r - 如何在没有坐标极的情况下制作堆积圆图

    javascript - D3 - 对数刻度面积图

    svg - 需要D3 map 文件uState.js

    d3.js - 使用折线图和人力车的过渡

    javascript - 为什么 selection.exit().size() 为零?

    javascript - 为什么找不到函数 Fill?但是图书馆的其他功能是吗?

    azure - 对 Azure App Insights 分析查询中的结果进行分组