D3.js 交互数据可视化

• 唯一标识：hub-claude-d3js-skill
• 显示名称：D3.js 交互数据可视化
• 能力摘要：使用 D3.js 将数据绑定到 DOM，构建具有自定义编码、缩放、刷选、过渡和交互解释的高质量网页可视化，兼顾性能、可访问性和数据准确性。

案例素材

1. 城市数据团队要展示交通流量变化。该 skill 会用时间尺度、缩放与刷选让用户探索区间，提供表格摘要和键盘路径，避免仅靠悬停传递关键数据。
2. 金融图表含数万个点。该 skill 会选择 Canvas/SVG 混合策略、聚合与虚拟化，保留数据精度说明，避免在浏览器中直接渲染过量节点导致卡顿。
3. 交互式网络图让用户误读关联。该 skill 会明确节点、边和过滤规则，提供搜索与图例，并说明连接表示的数据关系而非自动推断因果或可信度。