D3.js 可视化

概述

此技能提供关于使用 d3.js 创建高级交互式数据可视化的指导。D3.js（Data-Driven Documents）擅长将数据绑定到 DOM 元素并对它们应用数据驱动的转换，以创建具有对每个视觉元素精确控制的自定义、出版质量的可视化效果。这些技术适用于任何 JavaScript 环境，包括原生 JavaScript、React、Vue、Svelte 和其他框架。

何时使用 d3.js

在以下情况下使用 d3.js：

• 需要独特视觉编码或布局的自定义可视化
• 具有复杂平移、缩放或刷选行为的交互式探索
• 网络/图可视化（力导向布局、树状图、层次结构、弦图）
• 地理可视化与自定义投影
• 需要流畅、协调转换的可视化
• 具有精细样式控制的出版质量图形
• 标准库中不可用的新颖图表类型

对于以下情况考虑替代方案：

• 3D 可视化 - 改用 Three.js