D3.js 是一个基于 JavaScript 的数据可视化库,核心思路是数据驱动地操作 DOM。它适合需要完全定制的场景:可视化的每个细节均可自行控制,可实现复杂交互、过渡与动画,以及其他图表库无法提供的独特图表。资料建议在需要完全定制、复杂交互、独特可视化、数据驱动 DOM 操作和自定义动画时使用,而在只需默认样式的简单图表、追求快速实现或团队缺乏 JavaScript 经验时改用 Chart.js 或 Plotly。
常见用法包括:用 d3.selectAll().data() 绑定数据,结合 enter、update、exit 模式增删元素;加载 CSV/JSON 数据后解析日期或数值再绘图;使用 d3.zoom() 等实现缩放与刷选;以及与 React 集成,在 useEffect 中通过 ref 操作 SVG。
安装方式:快速开始可在 HTML 中引入 https://d3js.org/d3.v7.min.js;生产环境可用 npm install d3,并按需导入模块。为提升性能,可减少 DOM 操作、在超过约 1000 个数据点时改用 canvas、对 mousemove/scroll 等事件做节流、限制并发动画,并将重计算放入 Web Worker。
资料还提示了官方文档、Observable 示例与 GitHub 等资源位置,但未提供完整代码示例与更详细的分步教程;具体价格、收费与平台支持信息暂未提供。