下载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。

    哆哆女性网鲁b付字男孩子起名令氏家族起名那么有个性表示好的成语可起名字死亡细胞修改器滚蛋吧肿瘤君百度云成都移动新水浒剧情豪迪群发器带钰的公司起名机械团队起名2014年马女女孩起什么名字爱你九周半迅雷下载金融公司起名字大全集科技公司起名用字大全梅姓宝宝起名属鼠给女孩起名姓程灯笼草微信账号怎么起名才好听属牛的宝宝起名被各种工具调教花蒂cookingmama工装公司名字怎么起咖啡屋世界的起源库尔贝名画信用卡之家秦昊伊能静怎么好上的鸿蒙天道金牛起名字需要注意什么不会起名淀粉肠小王子日销售额涨超10倍罗斯否认插足凯特王妃婚姻不负春光新的一天从800个哈欠开始有个姐真把千机伞做出来了国产伟哥去年销售近13亿充个话费竟沦为间接洗钱工具重庆警方辟谣“男子杀人焚尸”男子给前妻转账 现任妻子起诉要回春分繁花正当时呼北高速交通事故已致14人死亡杨洋拄拐现身医院月嫂回应掌掴婴儿是在赶虫子男孩疑遭霸凌 家长讨说法被踢出群因自嘲式简历走红的教授更新简介网友建议重庆地铁不准乘客携带菜筐清明节放假3天调休1天郑州一火锅店爆改成麻辣烫店19岁小伙救下5人后溺亡 多方发声两大学生合买彩票中奖一人不认账张家界的山上“长”满了韩国人?单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#青海通报栏杆断裂小学生跌落住进ICU代拍被何赛飞拿着魔杖追着打315晚会后胖东来又人满为患了当地回应沈阳致3死车祸车主疑毒驾武汉大学樱花即将进入盛花期张立群任西安交通大学校长为江西彩礼“减负”的“试婚人”网友洛杉矶偶遇贾玲倪萍分享减重40斤方法男孩8年未见母亲被告知被遗忘小米汽车超级工厂正式揭幕周杰伦一审败诉网易特朗普谈“凯特王妃P图照”考生莫言也上北大硕士复试名单了妈妈回应孩子在校撞护栏坠楼恒大被罚41.75亿到底怎么缴男子持台球杆殴打2名女店员被抓校方回应护栏损坏小学生课间坠楼外国人感慨凌晨的中国很安全火箭最近9战8胜1负王树国3次鞠躬告别西交大师生房客欠租失踪 房东直发愁萧美琴窜访捷克 外交部回应山西省委原副书记商黎光被逮捕阿根廷将发行1万与2万面值的纸币英国王室又一合照被质疑P图男子被猫抓伤后确诊“猫抓病”

    哆哆女性网 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化