D3.jsObservable 出品的定制化数据可视化 JavaScript 库，当前版本 7.9.0，在 GitHub 上收获 11.3 万颗星。它提供选择器与过渡、比例尺与坐标轴、图形、交互、布局、地理投影等能力，并与同门的 Observable Plot 互相配合，采用 ISC 许可开源发布。
深度介绍
D3.js 是 Observable 出品的定制化数据可视化 JavaScript 库，官方对它的定位是用无与伦比的灵活性创建自定义动态可视化。它不给你固定图表模板，而是提供一套可以自由组合的工具：先用选择器把数据绑定到页面元素，再决定坐标、颜色与交互方式，最后用过渡动画把变化过程表现出来。首页顶部并排挂着当前版本 7.9.0 与 GitHub 上 113.0k 星两枚徽章，旁边的 Get started 与 What is D3? 两个按钮分别通向快速上手和概念介绍，搜索框与导航排在一起，想查什么可以直接搜。
官网把功能分成七组，覆盖做图从头到尾的各个环节。选择器与过渡负责按数据创建、更新和动画化 DOM，没有虚拟 DOM 的额外开销；比例尺与坐标轴把数据编码成位置、尺寸和颜色；图形部分给出弧形、面积、曲线、折线、连线、饼图、堆叠图与符号等常用形状，也能接上任意几何原语；交互提供平移缩放、刷选和拖拽这些可复用行为；布局内置树图、树、力导向图、Voronoi、等值线、弦图与圆形填充七种算法；地图提供数量极多的球面投影，支持任意宽高比、自适应采样与灵活裁剪。此外还有 CSV 解析、本地化日期、颜色空间、日历数学与统计这些日常工具。
D3 与 Observable 的关系在官网上写得很直白：D3 团队同时也在构建 Observable Plot，一个建在 D3 之上的高层图表 API，想要常见图表时可以先试它，需要更多控制再回到 D3 本身。D3 由 Observable 开发维护，这个平台面向协作式数据分析，主打三件事：随时接上你的数据源，云端、文件、数据库都能取，不必安装；写代码比想象中更快，轻量、自动版本化、可即时分享并实时多人编辑；把团队的数据、图表与地图集中在一处共同创作。想在平台上直接用 D3 起步，页面里就有 Build with D3 on Observable 的入口。
官网还在 robots 文件里公开了内容使用信号的声明，把三种用途逐条讲清楚：search 表示可以建立搜索索引，并明确不含 AI 生成的搜索摘要；ai-input 表示可以把内容输入给一个或多个 AI 模型，涵盖 RAG 检索增强、grounding 落地引用与生成式搜索答案的实时取材；ai-train 表示用于训练或微调模型。声明同时援引欧盟 2019/790 指令第 4 条的数据挖掘保留权作为法律依据。这些条款目前以注释形式存在，没有给任何信号填写取值，按它自己的第三条，这属于既不授予也不限制的中性表态。
这是一个维护了很久的开源项目：页脚的版权行写着 Copyright 2010–2026 Mike Bostock，同一处也标明库以 ISC 许可发布，许可证原文可以直接打开查看。项目主体在 GitHub 的 d3/d3 仓库，主仓、许可证、讨论区与发布页集中在同一处，配合 Observable 平台与七个官方示例笔记本（条形图过渡、双变量分级设色、可刷选散点图、蜡烛图、级联树图、变化折线图与弦图），从源码、发版记录到可运行样例的入口一次找齐。仓库里还能看到随页面列出的 d3-format、d3-random、d3-time、d3-time-format 等子模块，按需拆分使用的粒度一目了然。
遇到问题时可选的求助渠道不止一个：官网的 Resources 区列出 Forum、Slack、Discussions、Releases 与 Observable 五项，Forum 与 Slack 适合即时提问和长聊，Discussions 与 Releases 由 GitHub 承接，适合把问题沉淀成可搜索的讨论与版本说明。社区页给出了大量可参考的示例地址，配合顶部的本地搜索，想快速定位某个用法不必翻完整个站。对团队来说，Observable 还能作为一起分析数据、共享图表与数据应用的协作空间，主页上的三个平台介绍段落就是从这三点展开的。
D3 适合那些模板图表满足不了的场合：数据大屏上的定制图、报告里的统计图表组件、带地理投影的地图页、可拖可刷的交互探索看板，以及想照着官方示例一步步复现的学习过程。上手可以从首页的 Get started 与 What is D3? 进入，先看概念再跟示例动手，源码与发版记录在 GitHub，进阶内容放在官方文档与 Observable 的示例笔记本里。费用方面它以 ISC 许可开源发布，个人与商业项目都可以免费使用，不必为基本能力额外付费。
产品特点
官网首屏直接并排挂着当前版本 7.9.0 和 GitHub 113.0k 星两枚徽章，旁边就是 Get started 与 What is D3? 入口，第一次来的人不用翻页，就知道这个项目有多活跃、又该从哪里开始。
七组能力在官网上按用途列得清清楚楚：选择器与过渡、比例尺与坐标轴、图形、交互、布局、地图，再加上 CSV 解析、颜色空间、日历数学这些日常工具，想找什么功能像翻目录一样直接，不必先猜它到底能不能做。
页脚同时给出 Copyright 2010–2026 Mike Bostock 和 ISC 许可两行，许可证原文链接就在旁边，商用授权范围、署名要求这些要确认的事项，读者自己点开就能看清楚，省去到处打听的麻烦。
同一个问题往往有几种问法：论坛适合公开讨论，Slack 适合快速来回，GitHub discussions 适合沉淀成可搜索的记录，再配合站内本地搜索和 Observable 上的示例笔记本，新人大多可以自己找到答案。
最近动态
官网头部标注当前版本 7.9.0，页脚版权行写作 Copyright 2010–2026 Mike Bostock，版本与版权两条信息同屏可见，旁边就是 ISC 许可原文链接，想知道项目走到哪一步，看这两处就够了。
首页写明 D3 由 Observable 开发维护，同一区域还介绍了同门的 Observable Plot，以及平台的三项协作能力：免安装接数据、自动版本化并实时多人编辑、把团队的数据与图表放在一起，平台入口就排在段落末尾。
这个月把官网 robots 里的内容信号声明完整看了一遍，三种用途的定义与欧盟指令的援引都写进了页面正文；同时确认了 sitemap 中的模块地址与 GitHub 的有效链接，页面上的按钮与参考来源也一并整理成可以直接点开的入口。
D3.js 是 Observable 出品的定制化数据可视化 JavaScript 库，用数据驱动的方式把任意数据变成浏览器里可以交互的图形。它不提供固定图表模板，而是把选择器、比例尺、图形、交互、布局与地理投影这些能力交给你自由组合，用来做真正贴合需求的图。官网首页把定位写在最前面：以无与伦比的灵活性，创建自定义的动态可视化。 它能帮你做的事覆盖做图全流程：按数据创建、更新并动画化页面元素，把数值编码成位置、尺寸与颜色并配上坐标轴，直接调用弧形、面积、曲线、饼图与堆叠图等常用形状，再加上平移缩放、刷选、拖拽这类可复用交互，以及树图、力导向图、Voronoi、弦图、圆形填充等布局算法和数量极多的球面投影。需要更快出常见图表时，D3 团队同门的 Observable Plot 建在 D3 之上，可以先用它，再按需要下沉到细节控制。 上手从官网的 Get started 与 What is D3? 两个入口开始，先看概念再跟着示例动手；源码、许可证、讨论与发版记录都在 GitHub 的 d3/d3 仓库，七个官方示例笔记本覆盖条形图过渡、双变量分级设色、可刷选散点图、蜡烛图、级联树图、变化折线图与弦图。遇到问题可以去 Forum、Slack 或 GitHub discussions，团队协作则可以用 Observable 平台。费用门槛很低：项目以 ISC 许可开源发布，个人与商业使用都免费，版权行显示 Copyright 2010–2026 Mike Bostock。
核验信息
本页产品信息整理自 D3.js 官网首页（版本与星数徽章、七组能力介绍、Observable 相关段落、页脚版权与许可信息）、GitHub 的 d3/d3 仓库及其许可证与发布页、Observable 平台页面、站点地图与官方示例笔记本。图片素材分别取自官网 logo 与 GitHub 仓库预览图。以上来源核对于 2026-10-04。
D3.js介绍页面对您是否有帮助？