查看原文
其他

Excel做不出好看的柱状图?我不服

想喝咖啡的课代表 澎湃美数课 2021-07-30

课代表最近在整理我们美数课做的可视化,发现有一个类图表家族出现频率是真的高,几乎篇篇都出现。

那就是柱状图。

毕竟,柱状图不仅好读,还很好画,随便打开一个软件就能做出来。

比如刚过去的美国大选,特朗普和拜登两位胶着的选情就没少通过柱状图来表现。



有没有眼尖的同学发现最后一张图不对劲?是的,这是一个错误示范。

这张可视化来自南非 eNCA 电视台报道佛罗里达州选情时的画面。柱状图显示的是拜登的得票率甩了特朗普几条街,而标注的数字则相反。

我们知道最后是特朗普拿下了佛州。这张柱状明显违背了可视化专家爱德华·塔夫特(Edward Tufte)在《量化信息的可视化显示》(The Visual Display of Quantitative Information)中提出的“首要的是显示数据”(Above all else show the data)这一可视化原则。

好了,在保证柱状图传递的信息是准确的基础上,怎么能更好看地表达呢?

毕竟,相比桑基图、叠嶂图这些不那么常见的图表类型,柱状图对于所有人而言都太稀疏平常了,做出来不但可能平淡无奇,甚至还有可能会奇丑无比。


说实话,课代表在备课柱状图时挺头疼的,原因还是“稀疏平常”这四个字——不就几根柱子嘛,谁不会画呢。

所以,这次课我们从反面案例入手,通过修改丑丑的柱状图来告诉大家怎么做出好看的柱状图。毕竟按照坎宁安定律,在网上你想要获得正确答案,最佳方法不是去提问,而是去发布一个错误的答案。

这一次,课代表也不用专门的制图工具了,就用 Excel 做柱状图。

首先,准备好一份数据,这次是四个国际大都市的逐月平均最高气温。(公众号后台回复 18 获取数据)

然后,参考网上的一些反面案例,生成了一张 3D 柱状图。

是不是觉得不对味?

接下来,我们就开始暴改这张柱子图吧!

▼ Step 1 :放弃 3D柱子图。

虽然柱状图的确很稀疏平常,但用 3D 或其他一些奇奇怪怪的变形,反而可能影响读者阅读和数据传达,吃力不讨好,慎用。


▼ Step 2 :拆分。

四个城市放在一起有很混杂的感觉,各个城市的气温趋势看不明显,将一个城市一个城市单独呈现,能更直观。


▼ Step 3 :改用横向设计。

相比纵向柱状图,横向柱状图的最明显优势在于坐标轴的文字更明晰。你一定看过横坐标轴上字挤字的柱状图吧,眼睛读着太累了。


▼ Step 4 :给数据排序。

这一步很重要,除非表达主题有要求,在作图前,一定要把数据按升序或降序排一遍,这样排出来的柱状图,孰大孰小一目了然。


▼ Step 5 :配色。

遵循颜色种类不要太多的原则,根据主题突出重要的数据,其他的用淡一点的颜色,比如灰色。(关于配色,可以看美数课往期编译的这篇《再见,辣眼睛的配色!》🔗


▼ Step 6 :调整细节

到这里可以调整一下柱子的宽度、间距,还有参考线等,让整体看起来和谐。


▼ Step 7:加文字

标题、图例、单位这些不能忘。


好了,暴改结束!

如果有读者觉得这样的柱状图美化技能不够用,那课代表就祭出三个杀手锏吧:

第一个,改变方向。

柱状图最常见摆放方式是柱子朝上,但有时候将柱子倒置,会起到令人印象深刻的效果。

比如 South China Morning Post 2011 年做的伊拉克战争专题,柱子本身代表的是美军在伊拉克丧生的数量,通过将柱状图倒置、顶端圆角化并配上红色,呈现了一个血流如注的意向。


第二个,改变柱子形象。

既然柱状图太平常了,那我们就把柱子改的不那么平常一点。


不过这个方法要谨慎使用。跟 3D 柱状图的原因一样,如果不能契合图本身的主题,反而得不偿失。

第三个,径向柱图(Radial Column Chart)。

作为柱状图大家族的颜值担当,径向柱图(也称圆形柱图)通过将坐标轴卷起来,不仅能放下大量的数据,而且在视觉上对读者也更有吸引力


如果大家对径向柱图的做法感兴趣,课代表以后还可以延伸写一篇更详细的教程。

这节课就分享到这里,喜欢的话,欢迎点赞、分享、评论哟!




◒◡◒

┊推 - 荐 - 阅 - 读┊



    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存