返回

统计信息的视觉呈现|尝试做了一个成都到西安 Marey 图

《The Visual Display of Quantitative Information》这本书 10 多年前就想看了,那会想看的原因很简单,当时一直要做各种图表,怎么让图表中的信息以更有效率的方式传递给用户,就是这本书阐述的主题。

这本书的源起是 1970s 作者需要给一批记者培训统计学方面的相关知识。在很多专业度高的媒体报纸上,一个好的图表能够说明很多问题,也能在短时间内传递大量有效信息,这书也推荐国内传媒行业图表方向的编辑阅读。

本书首次出版是 1992 年,二版是 2001 年,过去这么多年了一直都没对应的中文翻译版本,可以窥见国内在信息可视化(Infographs)发展的迟滞。

书中有 2 个概念个人认为是比较有意思的:

1. Lie Factor

Lie Factor = size of effect shown in graphic / size of effect in data

Lie Factor(后续将称为「欺骗因子」),如果这个欺骗因子是 1,说明图表基本遵从了真实的数据,即图表里的大小基本与数据大小的表现是同比例的。

图表是沙特阿拉伯轻质原油的每桶价格变化,油桶的视觉高度变化与实际价格变化不成正比,整个信息是完全失真了, 通过夸大油桶的高度差异来强调油上涨。

2. Data-Ink

Data-ink ratio = data-ink / total ink used to print the graphic

Data-Ink ratio 一个图表打印出来数字本身的墨水在整个图表中的占比,这个占比越高,数字传递的效率就越清晰。

书中也有个示例:

这个图表(也是本书的封面,又称 Marey 图)显示的是从法国巴黎到里昂 Perrache 站的不同后车次情况,横向表示时间,纵向表示火车站点(距离),一个火车班次在图上就是一个斜线 。降低时间刻度线的字重后图表的呈现效果完全不一样了。

图表的话语权被艺术家控制了

作者 Edward Rolf Tufte 也非常清楚传媒的现状,为了吸引读者的注意力达成信息传递目的,图表的话语权控制在艺术家的手里而不是真正了解事实情况的人手里。

The doctrine of boring data serves political ends, helping to advance certain interests over others in bureaucratic struggles for control of a publication's resources. For if the numbers are dull dull dull, then an artist, indeed many artists, indeed an Art Department and an Art Director are required to animate the data, lest the eyes of the audience glaze over. Thus the doctrine encourages placing data graphics under control of artists rather than in the hands of those who write the words and know the substance. As the art bureaucracy grows, style replaces content. And the word people, having lost space in the publication to data decorators, console themselves with thoughts that statistics are really rather tedious anyway.

很多图表被过多装饰的,所谓的形式大于内容。

下图是《这里是中国》 277 页的图表,为了表现成都是一个热门旅游目的地。强行用一个二维元素(圆圈)去表现一维的数据(百度热门搜索指数),如果广州或深圳的搜索指数与成都的搜索指数差距比较小,反倒更有说服力。

成都到西安 Marey 图

Marey 图在中文圈很少看到,自己尝试做了一个成都到西安的 Marey 图(高清大图公众号消息发送「marey」获取)。

纵向坐标考虑了火车站点站点的实际运营里程(误差 1 公里),如果在「西安北」站没有横线,说明该站是终点站而不是经过站,「成都东」有些车次有横线有些没有,也是同样的道理。

数据来自一周前,春节期间车次肯定是有变化的。另外西安到成都方向没考虑,动车高铁的发车频次本来就很密集了,除非在网页端通过交互去解决这个问题。蓝色色系为动车,红色色系是高铁。

车次只考虑动车和高铁,没有考虑 T8、K246(K247)、K546(K547) ,因为这几列车次线路不同,在广元站后分叉走阳平关⟶宝鸡⟶咸阳⟶西安(下图来自:http://cnrail.geogv.org/zhcn/

网页版支持鼠标悬浮查看具体时刻&车次,还不知道如何部署到网页上。

分享到