返回技能库
数
数据分析精选
OpenAI Web 数据可视化
为图表、地图、仪表盘和交互式数据故事选择合适的图形、布局、技术路线，并覆盖移动端、无障碍、分享状态与测试。
技能说明
OpenAI 官方插件中的数据可视化技能，适合从需求拆解到实现和验收，覆盖图表、地图、Gantt、UML、WebGL、报告导出等路线；强调真实数据、可访问、移动端和质量检查。它是工作流指南，不替代数据本身的核验，也不默认使用 3D 或装饰性动画。
关于此技能
OpenAI 官方插件中的网页数据可视化工作流，帮助 Agent 从问题和数据形态出发，选择合适的图表、地图、仪表盘或交互式视觉方案，并把移动端、无障碍、分享状态和测试纳入交付。
核心能力
图表与技术路线选择
按分析任务和数据形态选择图表、D3、Canvas、WebGL、地图或其他实现路径，避免为了炫技增加复杂度。
交互与移动端规划
规划筛选、缩放、钻取、URL 分享状态、持久化以及桌面和手机端的阅读顺序。
质量与可访问性检查
检查数据来源、标注、色彩、键盘和屏幕阅读器支持、性能、导出和测试覆盖。
适用场景
设计数据看板
从业务问题出发规划指标卡、图表层级、筛选状态和移动端布局。
评审图表方案
检查图表是否真实表达数据、是否存在误导性编码，以及是否便于不同设备上的阅读。
实现交互式数据故事
规划地图、滚动叙事、关系图、Gantt 或 WebGL 场景，并明确性能和降级方案。
使用步骤
- 01
第一步：明确问题和数据
先判断分析任务、数据形态、数据来源和更新方式。
- 02
第二步：确定交付约束
明确静态或交互、桌面或移动、导出、分享状态、性能和无障碍要求。
- 03
第三步：选择实现并验收
选择最小合适的技术路线，完成标注、响应式、数据核验和测试检查。
常见问题
需要安装整个插件吗？+
需要。这个入口会引用插件内的其他参考资料，建议通过 Codex 插件市场安装 build-web-data-visualization，而不是只复制单个 SKILL.md。
它会自动替我获取或验证数据吗？+
不会。它提供可视化设计与实现流程，数据来源、口径和授权仍需人工确认。
适合直接做 3D 或动画吗？+
只有在 3D、动效或 WebGL 能表达数据关系时才建议使用，并应提供静态或低动效方案。
安装命令
codex plugin marketplace add https://github.com/openai/plugins；在 Codex 的插件页面安装 build-web-data-visualization适用平台与标签
Codex#数据可视化#图表#仪表盘#地图#Codex