夜雨聆风学习资料网

ARTICLE · 1347604

用 Minicharts 把 Excel 画成可点击的卷尺

用 Minicharts 把 Excel 画成可点击的卷尺
胸围 86,臀围也 86。扫一眼就能看出两个数相同;要和第一次填表的人确认说的是哪一项,还得解释它们分别量哪里。
这里拿一张真实的量体登记表做个对照。表里只有一条记录,取了 12 个以厘米为单位的尺寸,上衣 7 项、裤装 5 项。要解决的问题很具体:一张图能不能同时回答“是多少”和“说的是哪儿”?
Minicharts 是 April Zhu 做的免费绘图技能。它可以读取 Excel、CSV 或粘贴的表格,让一个跟主题有关的物件来承载数据,并输出可以点选查看细节的网页。
比如要讲一家伞店的销量构成,伞面可以画成饼图:卖出三成,对应三成扇面。回到量体表,胸围、肩宽、裤长并不构成一个总量,放进饼图会让人误以为它们可以相加。这次选条形图,是因为每一项都要独立读数,卷尺正好能用长短表达厘米。

同一份数据画两遍

常规版把 12 项排在同一条厘米刻度上,标签和数值直接可见。Minicharts 版保留同样的刻度,把条形画成一把把卷尺。选中胸围和臀围时,显示的都是 86 cm,两把尺等长,红点却标在不同部位。
实操图节选|两版使用相同的厘米刻度,未展示姓名、电话等身份字段。
小多指着图说:“卷尺的长短交给数字,衣服上的点帮人认位置。”这两件事各有用处。条形图也能做点击提示;这里多出来的价值,是把点击结果和一个熟悉的物件对上。
再看一个不同的数:裤长是 93 cm,完整图里那把尺就该比 86 cm 的两把稍长。只换图案,刻度和单位仍得留着。尤其是把交互图截成图片时,关键数值要直接露出来,否则读者连哪把尺是 86 都没法确认。
把这个方法搬到包装表也成立:把长、宽、高分别标在盒子的三条边。给学生讲每月雨量,可以画一排等宽的量筒,用高度表示毫米。物件得帮读者理解数据。要是改个画法反而让人看不出比例,原来的图更合适。

官方案例还回答了哪些问题

卷尺回答的是尺寸。作者 April Zhu 还用早餐、天气、浇水和生日派对演示了四种画法。下文四张图使用演示数据,点开Minicharts 官方案例页可以体验原图的交互。

看占比  华夫饼上的 100 份早餐

每一格是一份早餐:糖浆 60 格、莓果 25 格、原味 15 格。糖浆占了 100 格里的 60 格,也就是 60%。换成问卷结果或商品销量,可以让人一眼看出哪一类占得多。

看趋势  晾衣绳上的一周日照

每个衣夹所在的高度代表当天日照时长,周四最高,有 11 小时。换成客流或订单量,也可以每个日期放一个点,用高度表示数值,看哪天涨、哪天回落。

看清结余和流失

看增减  雨水桶里还剩多少

桶里起初有 200 升水,下雨加水,浇菜和漏水减水,最后剩 135 升。用在库存或项目预算上,这种画法能帮读者追到是哪一笔变动带来了现在的结余。

看流失  从生日邀请到带走蛋糕

从 60 人收到邀请到最后 12 人带走蛋糕,漏斗每层的宽度对应当时人数。换成报名、到场和完成体验,可以看每一步少了多少人;要比流失比例,就用上一步的人数作分母。
挑图时,先问读者要看的是占比、变化、增减来源,还是哪个环节掉人。题材选得好,读者看到图里的一个物件,就知道该去哪里找答案。

用自己的表试一次

1 先写出图要回答的问题

把“美化这份表”改成一句能验证的话,比如“让同事知道箱子的 30 cm 指哪条边”,或者“看清三类开支里哪类最多”。先挑一组口径相同的数据。厘米和千克别共用一把尺;未填的格子也别补成 0。
手头没有能公开的表,也可以用三行示例起步:箱子长 30、宽 20、高 10,单位都是厘米。让对方先看常规条形图,再看带边长标记的盒子图,问他能不能找出 20 cm 对应的那条边。

2 上传表格并指定两种画法

确认 Codex 的技能页能找到 Minicharts。新开对话,上传 Excel 或 CSV,在输入框用 @ 选择它,或者直接点名调用。
下面这段可以直接复制,替换括号里的问题。
用 Minicharts 读取这份表,让读者看懂【我要回答的问题】。先列出使用的字段、原值和单位;空白标为未填写。用同一组数据做一张常规图和一张题材相关的交互图。比较长度时从 0 开始、用相同刻度;点击某项显示名称、原值和单位。输出可打开的 HTML 和带完整标签的静态图,注明未用字段。

3 打开图做三项检查

先挑两项,对回原表的数字和单位;再看同值是否等长,做占比就核对分母;最后打开网页,点两处检查提示是否和选中的项目一致。拿这次的表试,可以点胸围和臀围,再确认空着的半裙长没有变成一条 0 cm。
如果 AI 交来的是一张看着很顺眼的静态图,先查交付物里有没有可打开的 HTML。修图时也把问题说具体:“两个 86 的卷尺请画成一样长,点击后分别提示胸围和臀围。”一句具体的改法,比再说一遍“做得好看些”更容易验收。

什么时候值得多做一张

日常扫数、看几十项差异或追踪长期趋势,先用常规图。遇到需要给新人解释设备部位、包装规格、一个流程到哪一步的表,再挑一个问题做成交互图。静态图要能单独读懂,把单位和关键数字直接留在图上。
还有个维护成本:这次交付的网页反映的是这一版表格。原表下周改了,网页里的数不会跟着变。需要每周刷新的团队,可以用日常报表管数据,把这种图留给需要讲清楚的一两个重点。
可以从那份你总得多解释一句的表开始。图做完后,找个没见过原表的人读一遍:他能说出数字代表什么,这张图就帮上忙了。

回首页,搜索你想要的文档

在首页搜索框输入关键词,快速定位资料

文库首页搜索指引 立即搜索

相关学习资料