design-chartlisted

# design-chart ｜ 数据可视化图表专项 > 本技能是 design-workflow 主技能抽离出的**专项方法论**，专治"把数据变成诚实、精致、可读的图表"。当任务输入是「数据」（表格/CSV/一组数字）且载体是图表页/HTML/报告时，独立触发或由主技能路由而来。 > 来源署名见 `../references/来源署名/lieflat-charts.md`（lieflat-charts 开源图表方法论 / AI 可视化 skill）。 ## 核心信条 图表不是"画个图"，是**把数据形状诚实地映射成视觉通道**，并让读者一眼读懂唯一结论。每张图都要经得起三问： 1. 每个视觉通道编码了什么数据维度？（无装饰性编码） 2. 去掉颜色 / 简化后，结构是否仍读得懂？ 3. 这张图到底在讲哪一件事？ ## 一、输出形式判定（图表 vs 报告） - **图表（默认）**：用户只给数据，或说"可视化/分析数据/做几张图/做个图表页"——产出单图或图表页。**没有"报告"关键词时不得自行升级成报告。** - **报告（升级）**：只有用户明确说"报告/年报/月报/白皮书/调研一页纸/海报/brief/dashboard 报告"等完整叙事交付，才读报告模板、按场景选版式、单页聚合多图。 - 有歧义仍选**图表**：只说"分析"但无报告关键词 → 先交付最强单图或 2–3 张证据图；可在文字中提示"如需完整报告可切换"，但不直接生成报告。（报告模式 ≠ "多画几张图"。） - 报告内的图表仍遵守图表的数据契约：报告模板定整页结构，页内每张图独立选型。 - 语言：用户未指定时跟随输入语言；同版本内不混中英。 ## 二、选型先于画图：数据形状是主键 别问用户要什么图，看他数据长什么样——**数据形状决定可选图型，不是用户口中的图名**： - **类目比较**（几个类谁高谁低）→ 柱状 / 条形 - **时间序列**（随时间变化）→ 折线 / 面积 - **占比构成**（部分占整体）→ 饼 / 环形 / 堆叠 - **带正负**（增减盈亏）→ 双向条 / 正负柱 - **多对一归属**（多个元素归到一个类）→ 树 / 力导向 - **网络 / 关系** → 节点图 - **逐条记录分布** → 散点 / 直方图 非程序员说人话（"把这季度转化画一下发公众号"），设计者职责是翻译成正确的图，且好看到能直接发出去。 ## 三、一张图只承载一个独立结论 - **图数由独立结论数决定**，不由"有多少数据列"：单指标 → 1 张最强图；2–3 结论 → 2–3 张；文章/案例 → 4–6 张；用户明确数量按用户。 - 默认单页 ≤ 6 张；两图讲同一结论只留场合更合适、契约更诚实的一张。候选对比稿不计入成品图数。 ## 四、标题写结论，不写图型名 - "Where we gained, where we bled" 优于 "柱状图"；更好是带判断的标题。 - 副标题说清图例·单位·时间范围（读者不看代码只看这一行）。 ## 五、两种阅读速度（按场合选，不按静态/交互分） | | 细读型 | 快读型 | |---|---|---| | 基本单元 | 记录（一点=一条数据） | 形状（粗柱/大数/色块） | | 线条 | 发丝级 | 2px+ 粗 | | 聚合 | 摊开原材料、拒绝预聚合 | 提前聚合给结论 | | 读法 | 凑近读 30s+ | 扫一眼 <10s | | 场合 | 年报/对外故事/海报/论文 | 周报/dashbo