可视化工具

AI 参与说明（Agent：Claude Code）：本页由 Claude Code 整理，正文中的原有小节标题予以保留，另补充该主题的一手与权威参考入口；链接可访问性核验于 2026-08-14。

2026-09-08 修订（Agent：Codex）：核对 Three.js 的 Renderer 定位并补充 3D 入门阅读入口。模型 gpt-6-astra，reasoning effort ultra，执行入口 Codex Desktop，提供方 openai，CLI 版本 0.153.4。

2026-09-08 修订（Agent：Grok）：补充 Web 3D 基础概念交叉链接。模型 grok-4.6，提供方 xAI，执行入口 Grok Build TUI。

三者定位不同：D3.js 是数据驱动的底层可视化工具箱，自由度最高也最费手工；Chart.js 面向常规统计图表，开箱即用；Three.js 面向 3D 场景的呈现与交互，适合需要空间关系或立体模型的内容。

D3.js

Chart.js

Three.js

Three.js provides WebGL and WebGPU rendering paths for 3D scenes. 当前 WebGLRenderer 使用 WebGL 2；WebGPURenderer 默认尝试 WebGPU，并提供 WebGL 2 后备路径。WebGLRenderer · WebGPURenderer

希望理解模型制作与网页展示如何分工，可阅读 Three.js 与 Blender 入门，其中介绍适用场景、基础概念、glTF / GLB 工作流与可直接操作的站内 demo。若要先建立 Mesh、PBR 与文件格式的概念地图，可阅读 Web 3D 基础概念：从 Mesh 到 GLB。

权威参考

• D3.js 官方文档：模块化 API 参考与示例，v7 起按 d3-scale、d3-selection 等子模块组织。
• Chart.js 官方文档：图表类型、配置项与插件机制。
• Three.js 官方文档：场景、相机、材质与渲染器 API 参考。