格子越深，表示该主题在这项指标上越高。
清晰84
说服55
密度60
制作成本30
作业适配82
工作适配88
低高
简短问答
什么时候选美人鱼文字图？
故事符合「流程文档、入职、分配逻辑、PR 解释」时选用。
什么时候避开？
遇到「需要徒手布局的像素完美的品牌插图」就换形式。
谁发明或推广了它？
Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表
它编码什么？
渲染到 SVG 框和边的文本图形语法
广告能用吗？
在微信、抖音与展示广告里主张能一眼看见就可以；否则把图放在落地页。
老师会收吗？
实验报告与展板里有轴、单位、来源一行就可以。
美人鱼文字图把值编码为渲染到 SVG 框和边的文本图形语法。Mermaid (2014) 在 GitHub 上普及了 Markdown 原生图表。
工作报告、广告与作业中适合「流程文档、入职、分配逻辑、PR 解释」。若「需要徒手布局的像素完美的品牌插图」，换一种形式。
规则
- 规则 1 — 渲染到 SVG 框和边的文本图形语法只作一个通道，不要两个。
- 规则 2 — 直接标注胜过远处的图例。
- 规则 3 — 不要藏零。若断轴，就写明。
- 规则 4 — 颜色编码类别或大小，不要两者一起。
- 规则 5 — 标题写主张，不要只写「美人鱼文字图」。
- 规则 6 — 来源和时段，哪怕用小字。
色板
- 色板 1 — 类别用可区分的色相。序列用同一色相改明度。
- 色板 2 — 发散：中间中性，两端才强调。
- 色板 3 — 一个品牌色加灰色，胜过彩虹。
- 色板 4 — 在投影和灰度印刷上检查对比。
文字
- 文字 1 — 数字用等宽表列数字。不要把正文灌进图里。
- 文字 2 — 标题写成句子；轴用短名词。
- 文字 3 — 中文把字重降一档，字距留空。
美人鱼文字图：守住渲染到 SVG 框和边的文本图形语法，「需要徒手布局的像素完美的品牌插图」时换图。