下载APP
澎湃号·湃客 >

不会画饼的人,被忽悠了都不知道

果壳北京果壳互动科技传媒有限公司
2024-02-02 11:49
北京

原创 玛雅蓝 果壳

随着数据可视化的普及,我们越来越习惯通过各种各样的图表获取信息,比如通过几个圆环了解自己的健身目标完成情况,或是通过商品广告中的数据图表快速了解要点。

但与此同时,我们也更容易被低质量图表误导——也不知道设计师是故意的,还是不小心。

在许多专业人士的眼中,数据可视化的重灾区就是饼图。准确的饼图能够给人直观、清晰的印象。但正因为使用频率太高,饼图也常常被画错,或是应用到不适合的场景。

看君一张图,如看一张图

我们先来复习一下饼图的定义:饼图用于展示各部分组成在整体中所占的百分比。

不符合这种情况的饼图,本身就没有存在的必要。比如某招聘网站制作的应聘者竞争力对比:

在饼图中,每个扇区的面积(也即弧长和圆心角)大小对应所表示的数据的比例。由饼图衍生的环形图也应遵循相应的规则。数据分析师Kaiser Fung在机场看见了这样一则广告,旁边的滚动文字大意是“75%看到该广告的人选择了购买”,但圆环上的色块面积显然远远超出了75%。

“75%看到该广告的人选择了购买”丨Junk Charts

这个广告商是一个优惠记账类App,但这样的图表不禁令人怀疑厂家到底是数学不太好,还是好过头了。

还有像这样的图……只能说可能有人喝多了吧。

我看不懂,但我大受震撼丨原图:Tumblr: ilovecharts

画成3D干嘛,又不能吃

如果想要显得更高大上一点,显得设计师多努力了一点,我们还可能看到……除了增加读者理解难度外、毫无意义的3D饼图。

请问扭曲成这样的意义在哪儿丨原图:eagereyes.org

博主Robert Kosara(eagereyes)称之为“史上最可怕的饼图”,一次集合多个绘图大忌:饼图面积没有反映出数据、扭曲的视觉展示,以及毫无意义的色块。

在3D饼图中,即使图表本身正确反映了数据占比,它的朝向也会影响人们的直觉判断。例如下面这张图,三个元素的实际占比都是三分之一,但3D饼图由于绿色最靠近读者,透视变形后,就会令人感觉绿色部分最大。

没必要3D,真的没必要丨Victor Oguoma, CC BY-ND

这是饼图,不是万花筒

当然,只要给对了数据让软件画图,生成的图表通常不会过于离谱。

但接下来就涉及到饼图滥用更常见的一些情况。例如,当各个部分占比差异不大的时候,饼图就失去了直观对比的功能。

比如下面这三张图,你能马上判断哪一部分占比最大吗?(禁止使用量角器!)

你能马上判断哪一部分占比最大吗?丨Schutz/Wikimedia Commons, CC BY

如果需要对比的元素过多,饼图的“角”切得太小,这些部分也无法进行直观对比。这堆细小的扇形密密麻麻堆在一起,还不如直接列表格呢。

而且,当饼图要素过多,上色的时候恐怕默认调色盘都不够用,还会出现相似颜色靠在一起的情况。

一个数不清有多少切片的饼图丨Trajkova et al., Informatics (2020), CC BY

在色盲人士眼中,这样的饼图可能会变成条形码一样的图案。色盲当中最常见的是红绿色盲,患者约占总人口比例的4.6%。用滤镜模拟他们眼中上图的效果,就会得到这个:

上图在红绿色盲患者眼中的样子丨Trajkova et al., Informatics (2020); modified., CC BY

如果把要素过多、透明3D、透视形变等错误buff叠满,可以得到这样一张令人眼前一黑的图表:

文字不重要,用心感受 | Google Images

科学画饼指南

说了这么多,应该如何科学画饼,画出准确又美观的饼图呢?

首先,应该把饼图严格限定在该用的地方。适合制作成饼图的数据应当满足以下条件:

✔ 需要对比的元素不过多;

✔ 容易根据图片对各元素占比进行排序;

✔ 各元素占比总和应为100%。

对于不适用饼图的情况,请善用柱状图、条形图。例如,当5个元素占比接近的时候,可以使用柱状图,更直观地展示出它们不相上下的状况,或是按大小关系顺序排列。

对于不适用饼图的情况,请善用柱状图、条形图丨Schutz/Wikimedia Commons, CC BY

需要注意的是,不要因为嫌弃柱状图过于普通,就随意把它改成3D的。3D图表会引入不必要的透视关系,干扰判断。

例如,下面这张图表展示了在美国某次投票中,不同收入群体对候选人的偏好。3D图表把简单的信息复杂化,让对比变得更加困难。

3D图表可能把简单的信息复杂化丨Victor Oguoma, CC BY-ND

学会科学画饼,也就学会了“科学吃饼”。下次看到切成头发丝的饼图,扭曲的3D展示,可要长点心了。

参考资料

1.https://theconversation.com/heres-why-you-should-almost-never-use-a-pie-chart-for-your-data-214576

2.https://junkcharts.typepad.com/junk_charts/2023/01/accounting-app-advertises-that-it-doesnt-understand-fractions.html

4.https://informationdesignmdippold.wordpress.com/examples/

作者:玛雅蓝

编辑:黎小球、游识猷

封面图:图虫创意

一个AI

真正的饼图:我吃掉的饼 vs 我还没吃的饼

本文来自果壳,未经授权不得转载.

阅读原文

    特别声明
    本文为澎湃号作者或机构在澎湃新闻上传并发布,仅代表该作者或机构观点,不代表澎湃新闻的观点或立场,澎湃新闻仅提供信息发布平台。申请澎湃号请用电脑访问https://renzheng.thepaper.cn。

    4617作文网候姓男孩起名周公解梦梦见捡了一个小孩周公解梦梦见家里进水店铺起名打分测试打分表周易生辰八字姻缘算命破解版小孩起名性李男孩取名诗经还是周易周易占卜算命每日一卦周易要钱生辰八字取名姓柯女孩起名大全周易八卦数字定位周公解梦抽一签周易卜卦掷硬币法南方八字算命免费八字算命农历笔画十一画的字起名宜用李性男宝宝起名周易八卦买房属龙起什么名字igbt寿命计算庚子年九月初二起名平字怎么起名字好听中国贸易周周易生辰八字五行取名大全纯粮食酒起名牛肉汤 店铺起名婴儿起名称 小名适合男孩子起乳名起名字大全酒店美容注册起名淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻让美丽中国“从细节出发”清明节放假3天调休1天男子给前妻转账 现任妻子起诉要回网友建议重庆地铁不准乘客携带菜筐月嫂回应掌掴婴儿是在赶虫子重庆警方辟谣“男子杀人焚尸”国产伟哥去年销售近13亿新的一天从800个哈欠开始男孩疑遭霸凌 家长讨说法被踢出群高中生被打伤下体休学 邯郸通报男子持台球杆殴打2名女店员被抓19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警两大学生合买彩票中奖一人不认账德国打算提及普京时仅用姓名山西省委原副书记商黎光被逮捕武汉大学樱花即将进入盛花期今日春分张家界的山上“长”满了韩国人?特朗普谈“凯特王妃P图照”王树国3次鞠躬告别西交大师生白宫:哈马斯三号人物被杀代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了房客欠租失踪 房东直发愁倪萍分享减重40斤方法“重生之我在北大当嫡校长”槽头肉企业被曝光前生意红火手机成瘾是影响睡眠质量重要因素考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼网友洛杉矶偶遇贾玲呼北高速交通事故已致14人死亡西双版纳热带植物园回应蜉蝣大爆发男孩8年未见母亲被告知被遗忘张立群任西安交通大学校长恒大被罚41.75亿到底怎么缴沈阳一轿车冲入人行道致3死2伤奥运男篮美国塞尔维亚同组周杰伦一审败诉网易国标起草人:淀粉肠是低配版火腿肠外国人感慨凌晨的中国很安全男子被流浪猫绊倒 投喂者赔24万杨倩无缘巴黎奥运男子被猫抓伤后确诊“猫抓病”春分“立蛋”成功率更高?记者:伊万改变了国足氛围奥巴马现身唐宁街 黑色着装引猜测

    4617作文网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化