可视化 chooser 卡片
凭一眼挑选——下方表格留给搜索与读屏。
| 主题 | 系列 | 何时用 | 何时避 |
|---|---|---|---|
| ▮ 柱状图 | 图表 | 一次性比较少量类别 | 类别过多、3D 或双轴 |
| 📈 折线图 | 图表 | 趋势、季节性与少量序列 | 无序类别或超过约四条重叠序列 |
| ◐ 饼图与环形图 | 图表 | 构成有意义整体的两到五个部分 | 很多相近切片、3D 饼或两张饼互比 |
| ⚬ 散点图 | 图表 | 两个度量的相关、离群与聚类 | 一轴非定量,或时间才是主线 |
| ▦ 热力图 | 图表 | 同时看两个分类轴上的模式 | 精确读数,或不对色盲友好的彩虹 |
| 📶 瀑布图 | 图表 | 损益桥、预算对实际、编制走动 | 故事是多期趋势而非桥梁 |
| ▽ 漏斗图 | 图表 | 有序流失:线索、结账、申请 | 阶段并非同一总体的嵌套子集 |
| ▭ 矩形树图 | 图表 | 叶子多且有层级的部分-整体 | 需要精确比较相近大小时 |
| 📶 直方图 | 图表 | 一个连续测量及其形状 | 箱宽不同,或在比较具名类别时 |
| ⇨ 流程图 | 示意图 | 程序中的分支、循环与交接 | 结构是层级或自由头脑风暴时 |
| 🌳 组织图 | 示意图 | 汇报线、委员会、项目角色 | 工作实际在矩阵中横向流动时 |
| ✦ 思维导图 | 示意图 | 头脑风暴、复习笔记、早期结构 | 必须按顺序用证据证明主张时 |
| ◯ 韦恩图 | 示意图 | 确有重叠故事的两三个集合 | 四个以上集合,或面积必须按比例 |
| — 时间线 | 示意图 | 有序事件、时代、里程碑 | 需要的是变化的量而非日期时 |
| ▲ 基本几何形 | 图形 | 图标、海报、练习纸、品牌标志 | 需要编码数量时用图表,不要漂亮的三角 |
| → 箭头与连线 | 图形 | 顺序、因果、点击诱导、地图流 | 每个对象都有箭头时就都没有意义 |
| 💬 标注与徽章 | 图形 | 促销、编号步骤、漫画说明、界面碎片 | 徽章若重复标题就只留一声喊 |
| ▣ 信息图模块 | 图形 | 仪表盘、海报、单页、展板 | 瓷片掩盖数字不可比时 |
| 🎨 色彩体系 | 手艺 | 图例、品牌系统、可访问的数据色 | 彩虹默认,或一个色相编码两个量 |
| ✒️ 数据墨水 | 手艺 | 审查幻灯、仪表盘与科学插图 | 必须从三米外喊出来的海报——广告可以故意保留一些垃圾 |
| ♿ 无障碍可视化 | 手艺 | 公共仪表盘、考试、灰色印刷、法务幻灯 | 仅用红/绿表示坏/好 |
| 📁 工作报告 | 工作室 | 例行回顾、预算桥、编制、管道 | 需要定制视觉的一次性故事,或必须喊的广告 |
| 📣 广告创意 | 工作室 | 零售优惠、应用安装、活动海报、停滑裁切 | 主张需要完整图表时不要把仪表盘塞进横幅,外链 |
| 📚 学校作业 | 工作室 | 实验报告、历史年表、数学数据任务、海报 | 不要先装饰——选回答评分标准的图表 |
| 🎬 路演幻灯 | 工作室 | 融资、销售启动、基金答辩、竞赛决赛 | 不要倾倒整个仪表盘——幻灯是演讲不是仓库 |
| A11Y WCAG 对比检查 | 方式 | UI 类型、幻灯片标题、海报标题、徽章标签 | 单独判断品牌色调而不测量配对 |
| PAL 调色板和比例生成器 | 方式 | 区域统计图、热图、多系列图表、品牌安全图表 | 有序震级数据的彩虹尺度 |
| Aa 版式比例 | 方式 | 讲义、课堂海报、简历标题 | 每张幻灯片的随机点大小,无共享比例 |
| GRID 幻灯片和文档网格 | 方式 | PowerPoint 或 Google… | 堆叠没有共享边缘的自由浮动盒子 |
| CHOOSE 数据到图表的决策 | 方式 | 任何报告、广告声明或分配数据的前 60 秒 | 选择一个图表,因为它在模板库中看起来很漂亮 |
| MM 美人鱼文字图 | 方式 | 流程文档、入职、分配逻辑、PR 解释 | 需要徒手布局的像素完美的品牌插图 |
| SEQ 序列图模式 | 方式 | API 流程、支持升级、实验室协议、结账步骤 | 一个简单的无序清单也会讲述同样的故事 |
| SKETCH Excalidraw 草图线框 | 方式 | 启动、课堂头脑风暴、广告概念板、用户体验大纲 | 最终的品牌资产必须与严格的设计体系相匹配 |
| EC Apache ECharts 仪表板 | 方式 | 运营仪表板、季度包、实时 KPI 墙 | PDF 中的单个静态栏就可以回答这个问题 |
| CJ Chart.js 快速图表 | 方式 | 内部工具、学生网络项目、轻量级营销页面 | 您只需要地图、桑基或出版级矢量导出 |
| D3 D3定制工艺 | 方式 | 新颖的形式、研究数据、定制的解释者 | Chart.js 栏已经回答了经理的问题 |
| VL Vega-Lite 语法 | 方式 | 可重复的分析图、教学编码、笔记本 | 您只需要一根一次性酒吧即可用于会议邀请 |
| PLOT 可观察绘图套件 | 方式 | 分析文章、学生实验室、探索性办公室图表 | 您必须逐像素匹配重型企业仪表板套件 |
| ROUGH Rough.js 注释 | 方式 | 解说亮点、广告概念框架、教学标注 | 需要精确长度的密集定量比较 |
| SANK 桑基流故事 | 方式 | 预算分配、转换路径、物质或能源流动 | 观众只需要一个开始与结束的瀑布 |
| NET 网络图 | 方式 | 组织影响力图、依赖图、课堂社交图 | 一个简单的组织结构图或项目符号列表就已经包含了这一主张 |
| MAP 等值线故事地图 | 方式 | 区域比较、公民任务、地区 KPI | 未按人口或面积标准化的原始计数 |
| ICO 打开图标系统 | 方式 | 幻灯片、产品 UI、海报、学校作业表 | 在一张幻灯片上混合五种图标样式 |
| CV 简历信息图表食谱 | 方式 | 学生、自由职业者、职业转换者 | 仅需要 ATS 纯文本,并且图形将被删除 |
| QBR 季度报告视觉效果 | 方式 | 经理、创始人、学生俱乐部财务主管 | 将每个 KPI 都塞到一张幻灯片上,以免遗漏 |
两种都合适时,选编码更简单的那种。