共计 1093 个字符，预计需要花费 3 分钟才能阅读完成。
引子
D3 很早就据说了想要尝试一下，找到的中文版翻译在查 API 的时候能够参考，对于入门不太不便，打算先把官网最新的入门教程同步翻译一下。
- 原文：Learn D3: Introduction
- 版本：Published Mar 24, 2020
- Origin
- My GitHub
注释
本系列将疏导你踏出应用 D3.js 的第一步。
在咱们开始之前，值得简略考虑一下： 为什么要费神学习 D3？为什么要在 Observable 上学习？
首先，D3 很受欢迎（179M 下载量和 97K start），所以你有一个良好的陪伴群体。这里有大量社区开发的资源，包含教程、视频、课程和书籍。D3 团队曾经公布了数百个可派生的示例和教程，以有益于你的学习和生产力。
另一方面，D3 具备灵便的个性。D3 的超能力是你能够做任何你想做的事件——自在发明！D3 展廊是一个货真价实的品种动物园：treemap、hierarchical edge bundling、Sankey diagram、density contours、force-directed graph 等等 (还有近百个地图投影！）。这种灵活性源于 D3 的根底办法，次要关注可组合的根本元素，如形态和比例，而不是可配置的图表。D3 不施加任何束缚，因而有益于利用古代浏览器反对的所有性能。
D3 以动画和交互著称。如果你有几分钟工夫，能够观看一个 bar chart race 或 animated treemap。进入到 hierarchical bar chart、collapsible tree 或者可缩放的 sunburst、treemap 或 packed circles。或者刷一个 scatterplot matrix 或者放大一个 area chart。动画是一个讲故事的无力载体，而交互让沉闷的读者可能摸索。
当然，取得这种力量是有代价的。有很多货色须要学习：D3 有超过三十个模块和一千种办法！D3 可能比专门用于摸索可视化的工具更乏味，例如 Vega Lite。
这个时候轮到 Observable 出场了。
Observable 是学习 D3 的现实环境，因为它应用数据流简化了代码，就像电子表格一样。当你编辑时，单元格会主动运行以取得疾速反馈。你简直不须要代码就能够增加交互或动画！咱们将介绍 Observable 的个性。
Observable 围绕合作开展，帮忙你从社区中学习并回馈社区，而不仅仅是复制和粘贴。任何笔记本都能够派生或导入。笔记本能够导出为可复用的组件，例如 color legend 或 scrubber。你能够对单元格进行评论、倡议和合并更改，或寻求帮忙。
简介足够了。让咱们拉开帷幕，开始学习 D3。
参考资料
- Learn D3: Introduction
