微博:@设计e周网
何为气泡图?
作为一款高贵冷艳全地形的图表,气泡图其实用三种不同的状态。 在最基本的二维态中,气泡图通过两个维度来表述数据:第一,泡泡的大小,第二,泡泡的位置。简单来说,泡泡越大,数值也就越大。
还记得我们前面讲过的超级无敌美少女的散点图么? 其实当萝莉进化到御姐,就是我们的三维态的气泡图了。 第一维是x轴的数据,第二维是y轴的数据,第三维,就是不同的泡泡大小所表示的数值了。 那么,气泡图的终极四维态是一个什么样子呢? 看到了么?
在三维态的基础上,再增加不同的颜色、阴影等性质,就可以展示出第四维度的秘密! 气泡图还有一种比较流行的使用方式就是气泡地图。 在这里,x\y的数据变成了经度和纬度,不同的泡泡大小代表着不同地理位置的不同的数值。
气泡图溯源
和散点图一样,气泡图的来历和发明者已经无据可考。 气泡图的成功使用,应该归功于法国的一位土木工程师Charles Joseph Minard (1781-1870),当然我们很怀疑他是否是第一位使用气泡地图这种形式的人,但是鉴于我没能找到比他更早的气泡图,暂时将这顶桂冠先授予他。 在这张1859年Minard绘制的“欧洲主要港口和河流运输吨位示意图”中,我们可以看到,气泡图已经得到了非常成熟的应用。而且Minard不愧为这方面的大师,除了用泡泡大小表示港口的吨位外,还通过河流的粗细描绘出了不同河流的运输能力。
Minard对于图表的贡献远不止于此,他甚至还将气泡图和饼图结合起来,成为史上组合图表的第一人! 关于Minard的详情,那是另外一段传奇了,我们以后再八卦。
气泡图该怎么用?
在前面的散点图中,人们不吝美辞,称之为人类历史上最伟大的发现之一。而作为散点图的升级版,气泡图显然有更多的用途。 二维态 这是二维态气泡图的的一个非常漂亮的案例。
不同大小气泡代表个人在社交网络中所占的比重,而下面的数据则标明不同的年龄层次。 如果让屌丝来画这个图,恐怕早已经变成了烂大街的柱状图,但是现在改成了气泡图,所以顿时b格剧升! 三维态 在这张图中,横轴是时间轴,数据为2014年的4个季度,而竖轴为广告支出,这里利用不同的气泡大小描述了第三个维度:销售额度。我们可以看出,随着时间的推移,销售额和广告支出之间有着明显的相关性。
四维态 四维态的气泡图很多人恐怕想象不出来,就像让我们生活在三维空间里的人来想象四维空间是什么样子一样。 其实四维态的气泡图,可以通过增加图例来展示第四维。这里有个很典型的案例。 这是由瑞典科学家Hans Rosling住持开发的一个很有趣数据可视化平台,名叫GapMinder,其中搜集了近600个指标方面的全球公开数据(包括健康,环境,经济,教育,贫困,技术,等等),并且以交互式图表的方式展示出来。
像上面这张图,就展示了从1800年到2000年这200年来,不同国家,不同收入的人的平均寿命的分布情况。 关于GapMinder,Hans Rosling在ted上做了一次演讲,介绍了不少关于GapMinder的故事。有兴趣的可以到http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html去围观一下。
气泡图的最佳设计实践
如此高冷的气泡图,下次老板让你汇报的时候要不要试试?
这里有关于气泡图设计的3条原则,当然前面的散点图的设计原则对于气泡图也同样适用。
口袋里要有些优秀的朋友
↓
e周刊
长按图片 识别二维码
iedaycn (长按可复制) 创意|灵感|资讯|点评|交流 |
站长微信 长按图片 识别二维码
ieday-cn(长按可复制) 一起做设计路上的朋友吧
|
|