格子越深，表示该主题在这项指标上越高。
清晰80
说服50
密度75
制作成本48
作业适配72
工作适配80
低高
简短问答
什么时候选可观察绘图套件？
故事符合「分析文章、学生实验室、探索性办公室图表」时选用。
什么时候避开？
遇到「您必须逐像素匹配重型企业仪表板套件」就换形式。
谁发明或推广了它？
Observable Plot 延续了 D3 语法，但样板更少
它编码什么？
使用自动刻度在整齐的列上标记图层
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
可观察绘图套件把值编码为使用自动刻度在整齐的列上标记图层。Observable Plot 延续了 D3 语法，但样板更少。
工作报告、广告与作业中适合「分析文章、学生实验室、探索性办公室图表」。若「您必须逐像素匹配重型企业仪表板套件」，换一种形式。
软件
- Observable Plot — 整洁数据的语法 - ISC。 · ISC · github.com/observablehq/plot
- Observable stdlib — 在笔记本中，助手经常与 Plot 一起使用。 · ISC · github.com/observablehq/stdlib
- D3 — 基本想法和逃生舱口。 · ISC · github.com/d3/d3
- Vega-Lite — JSON 优先的替代语法。 · BSD-3-Clause · github.com/vega/vega-lite
- Scatter demo — 本图册上静态散布教学标记。 · CC0 examples · github.com/Tool-Lifes/viz-atlas
导出
- 导出 1 — SVG
- 导出 2 — PDF
- 导出 3 — 把 EMF/SVG 放进幻灯（不要截图）
- 导出 4 — 网页用 SVG，印刷用 PDF
无障碍
- 无障碍 1 — 不要只靠色相。叠上纹理、标签和位置。
- 无障碍 2 — 正文对比 4.5:1，大标记 3:1。
- 无障碍 3 — 图上写短替代文本。数字也做成 HTML 表。
- 无障碍 4 — 动效只用于强调。尊重 prefers-reduced-motion。
可观察绘图套件：守住使用自动刻度在整齐的列上标记图层，「您必须逐像素匹配重型企业仪表板套件」时换图。