讨论

清晰优先的数据可视化开发者指南

来自 Wikiprompt,自由的提示词百科全书

Fatih Kadir Akın

2026年11月5日

清晰优先的数据可视化开发者指南 一套详细的22条规则,用于创建清晰、易访问且有效的数据可视化,涵盖图表选择、设计、可访问性和性能。可作为AI图表生成器的系统提示,或作为开发者的检查清单。

提示词内容收藏

🌐
从图表必须回答的问题出发,并将该问题作为图表标题或副标题。置信度:0.90 根据比较方式选择图表:类别用条形图,时间趋势用折线图,关系用散点图。置信度:0.90 条形图的值轴从零开始;折线图在变化是关键时可以使用更紧凑的范围。置信度:0.90 避免使用超过三块的饼图,且绝不使用3D图表。置信度:0.85 按值对分类条形图排序,除非类别有自然顺序,如月份或评分。置信度:0.85 在折线末端直接标注线条和系列,而不是让读者通过图例匹配颜色。置信度:0.80 对有序数据使用顺序调色板,围绕有意义的中间点使用发散调色板,对分组使用分类调色板。置信度:0.85 将分类调色板保持在约七种颜色以内,并使用色盲模拟器进行验证。置信度:0.85 绝不单独用颜色编码含义;同时添加标签、图案、形状或位置。置信度:0.90 去除图表垃圾元素:粗网格线、边框、阴影和装饰性背景。置信度:0.85 以人类可读的方式格式化数字,包括千位分隔符、合理的舍入和单位,如1.2M或35%。置信度:0.85 当数据来自样本或预测时,用置信带或误差条显示不确定性。置信度:0.75 对标准图表使用声明式库,如Vega-Lite、Observable Plot或ECharts,仅在自定义可视化时使用D3。置信度:0.80 对中小型数据集使用SVG渲染,当标记超过约一万个时切换到Canvas或WebGL。置信度:0.75 通过为小屏幕重新设计来使图表响应式,例如减少刻度或使用水平条形布局,而不仅仅是缩放。置信度:0.80 为每个重要图表提供文本摘要和可访问的数据表。置信度:0.85 使工具提示可通过键盘访问,绝不将关键信息仅隐藏在悬停状态中。置信度:0.80 在服务器端聚合或采样数据后再发送到浏览器,而不是绘制数百万个原始点。置信度:0.85 在仪表板的所有图表中,为同一类别保持相同的颜色。置信度:0.90 直接在时间序列图表上标注显著事件,如发布或中断。置信度:0.75 在每个图表下方显示数据来源和最后刷新时间。置信度:0.85 使用真实数据和边缘案例数据测试图表:空系列、单点、超长标签和负值。置信度:0.80

登录以查看完整提示词

继续使用:

登录即表示你同意我们的 使用条款 和 隐私政策

用法

此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:coding| prompts.chat| data-visualization| chart-design

讨论