图表家族#39 点和线还有新玩法?斜率图:适合反映两个时间点的数据变化!|-镝次元数据
编辑/王艺 版面/李艺佳
镝摘
你也许从没听说过“斜率图”,但说起它的孪生兄弟——折线图却是家喻户晓。斜率图虽然不常见却非常实用,在其它可展示大量、多维数据的图表博得读者的喜爱时,斜率图却低调地“做减法”,只允许设置两个时间点的数据。但是在灵活性方面,斜率图也有折线图没有的“本领”。
折线图的孪生兄弟
斜率图(slopegraph)是一种特殊类型的折线图。差别在于软文批发网,斜率图只显示两个时间点(或数据分类),而折线图通常显示三个以上。
斜率图曾由Edward Tufte在其1983年出版的《量化信息的视觉显示》一书中定义。通过将一个比例尺上的每个组的值与第二个比例尺上的值相比较,斜率图可以比较两组(或更多)组的值,并在组值旁边显示标签以便于解释洪荒接引。斜率图使人们很容易地看出每个组在两个类别之间是增加还是减少。
日常情况下看到下面的数据,你会选择用什么类型的图表进行可视化呢?
相信超过90%的人可能都会选择柱状图或条形图。
上面的分组条形图对所有数据进行了展示。但当问到哪些部门的销售额增大而哪些减小时,读者要逐步对比每个分组的情况才能得到答案。既然如此东星耀扬 ,何不选用更加直观体现数据变化趋势的图表呢?那就是斜率图。
通过斜率的大小,我们可以一眼就看出数据的变化趋势。其中上图将变化量最大的数据和唯一减小的数据用深色表示,其它不需要强调的数据用浅色表示。
斜率图的三种玩法
1. 连接互相对应的相同变量
通过比较不同时间点的数据,斜率图可以用来显示数据的变化情况。其中,相关的值通过线段连接。比如显示不同时间各种饮料价格的变化。其中只有咖啡和果汁的价格降低了(斜率小于零),因此作者用红线表示强调。
在这类斜率图中,线段连接的是相同的变量,且每条线段两侧的数据相互对应。下图展示了高中生和高中毕业后的群体享受到的社会服务的比例。
图片来源:
http://stephanieevergreen.com/design-of-an-award-winning-report/
类似分组柱状图,斜率图也可以在一张图中分组呈现,从而包含更多的数据,并利于数据之间进行对比。
图片来源:http://www.storytellingwithdata.com/blog/2012/12/i-like-candy-bars-better-than-donuts
2. 连接不对应的相同变量
例如,一张斜率图可以显示A国和B国的奥运奖牌总数,看看需要比较的B国是否有超过A国。
下图是一个有趣的案例,显示了男性和女性的年龄对其和异性交往的影响。从图中可以看出,男性普遍更愿意和比自己年轻的女性交往,而女性则恰恰相反,直到超过45岁边洪敏,女性才对比自己年轻的男性更感兴趣。
图片来源:
https://theblog.okcupid.com/undressed-whats-the-deal-with-the-age-gap-in-relationships-3143a2ca5178
3. 连接不同变量
有的斜率图还会增加更多的元素,甚至连接不同的变量假面骑士王蛇。比如下图展示了不同国家的卫生保健成本。此时线段左侧展示的数据是人均卫生保健费用(美元),右侧是该地区的平均预期寿命。线条的颜色向我们展示了哪些国家拥有全民医疗保健(其中大多数),哪些国家没有(美国和墨西哥)。线条的宽度则向我们展示了人们去看医生的次数。
图片来源:https://thesocietypages.org/graphicsociology/2011/04/26/cost-of-health-care-by-country-national-geographic/
在该图中,线段的斜率所代表的意义显然不再是某类数据的变化情况,而是为了说明个人的医疗保健支出与平均预期寿命之间可能存在的关系。
斜率图使用tips
用过那么多条形图、柱状图十指连心剧情介绍,偶尔我们也需要用些令人兴奋的新图表——斜率图来展示数据倪恩雅。斜率图虽然基本元素较少,但是仍有需要注意的地方。
1. 斜率为零≠没有意义
对于斜率图,读者通常查看左侧值的排序顺序以了解差距和聚类,然后观察相关值之间的连线:哪些上涨,下跌或保持不变?在深入解读更详细的解释之前田明健 ,还需着重考虑全局月野定规。即使没有数据发生显著变化,这也可能是一个重要的发现。
2. 数据量不宜过多
当数据量过多时,其线条可能变得错综复杂,特别是如果有类似的值和类似斜率的线段,则很难避免重叠的情况漩涡慕留人。
图片来源:https://www.pinterest.se/pin/474707616952779536/
在这些场合,交互式斜率图可以过滤出某些值,使图更易于阅读。
3. 数据差异不宜过小
当数据相似度较大时,各线段可能保持平行,而端点也存在密集分布的危险,影响用户的阅读体验第4防御区,这种情况推荐使用柱状图或条形图。
4. 用配色强调变化
配色(点击查看配色小技巧)是吸引读者注意力的法宝。在斜率图中,设计师经常突出最感兴趣的线条(例如最多增加或减少的组),并使其余不需强调的部分变灰。这种方法也可以拯救包含大量数据的图表,只强调个别“有用的”数据。
另外,在数据量较少的情况下,某些作者喜欢使用五颜六色的线段来区分不同的线段。但在数据量较多时,最好使用少数颜色对数据进行分组,或采用渐变色让图表和谐地显示更多的信息。比如下图显示了印度女童失踪的情况(点击查看文章链接)。
在该图中,赵雅倩线条的颜色代表着平均第一胎为女孩后李存审戒子,第二胎每生一百个男孩所消失的女童数量,颜色越深姜维墓,数量越多。从图中可以看到,旁遮普(Punjab)和哈里亚纳邦(Haryana)在2001年到2011年期间女童消失的情况有所改善,但仍是因为男孩出生而女童消失数量最多的地区。
好了,今天的斜率图分享就到这里,如果有更多关于镝数的问题,请发送邮件至public@dyclub.io或直接在后台留言。
参考链接:
http://datavizproject.com/data-type/slope-chart/
http://seeingdata.org/taketime/inside-the-chart-slope-graph/
http://stephanieevergreen.com/slopegraph/
https://mp.weixin.qq.com/s/D5WPahVOvj6IKc6naNXEuA
往期回顾
条柱形图 工作报表 饼图
时序图表 折线图 散点图
气泡图 面积图 弦图
主题配色 配色技巧 矩形树图
雷达图 瀑布图 旭日图
漏斗图 桑基图 箱线图
玫瑰图 折线家族 热力图
柱图家族 饼图家族 词云图
力向导图 可视化误区 直方图
极化对称堆叠条形图 韦恩图