五城记:膨胀城市的形状

未标题-1.gif
生存(抵抗外敌,一旦城墙失去了意义,城市开始扩张)、 贸易(城市呈现触手式发展趋势)、迁徙(交通工具的发展使城市向郊区扩展成为可能)这三个要素共同勾勒出一个城市的形状,NYU团队选取了洛杉矶、伦敦、上海、马尼拉、拉各斯五个典型城市,利用历史地图和卫星遥感图像中的数据,探索了城市扩展的图景。

在可视化手段上将城市区块根据年代进行染色,同时保留水纹形状、陆海形状等“名片级”的城市特征,使用晕染式的动画对城市扩张的时序特征进行了展示。

关于如何利用卫星图像讲述数据故事?可以同时看看这篇文章
卫星遥感图像中包含着丰富的时空数据,而时空数据正是storytelling中非常重要的一个部分,但是,对于大量非地理专业的stroyteller来说,从遥感图像中获取数据仍然存在着门槛。这篇文章从两个故事:追踪山火和寻找苏海尔·哈桑入手,详细讲述了遥感图像的获取、解析、band合成等知识,以及如何从中发现故事线索、验证故事观点。

在数据新闻领域,对遥感图像使用最为娴熟的当属路透社的数据可视化团队
by @sakuya(liuye-szvim)

One Dataset, Visualized 25 Ways

数据中所蕴含的信息可能远远超出我们的想象,作者通过 25 种不同的可视化方法从多种角度向我们展示了一个关于近年世界各国人口的平均寿命数据集!如果是你,又能想到多少方式和多少角度来可视化这份数据?
image.png
by @司马淇(simaqi)

使用柱状图重新设计南丁格尔玫瑰图

在 Tableau 中使用柱状图重新设计了南丁格尔的玫瑰图,详见文章

image.png
by @沧东(cangdong)

Fast Food Menu of Calories

image.png

这是一个主流快餐店菜品热量可视化作品。横轴是菜品热量,横轴是快餐店名,其中一个方块就代表了一个菜品。这个图如果用 G2 来实现其实还是挺费力的,大概应该是用散点图来实现,但是如何将同一快餐店同样热量的不同菜品垂直排列在快餐店范围内还需要做处理。这次在做 plot 的时候可以考虑一下这个场景,转场动画应该也会非常炫酷~
by @青湳(qingnan)

普通人的网页配色方案

了解基本的配色原则、配色案例、配色方法,在没有专业设计师帮助的情况下也能做一些满足基本要求的配色。

斥“巨资”购买了一直种草的 Andy Kirk 的著作,书刚出的时候没舍得买,现在有 kindle 版本了。入手主要原因是这本书里有一章专门的章节是介绍颜色使用的。

Andy Kirk 在可视化圈子里比较知名的一本著作:《Data Visualisation: A Handbook for Data Driven Design》——“数据可视化:关于数据驱动的设计的手册”。这是本比较新的书,本书内容比较偏实用,是相当不错的参考书。书中除了介绍了一些可视化的传统理论,还有专门有介绍可视化设计的颜色、交互等方面的章节,可以说是很与时俱进的了。
Screen Shot 2019-03-23 at 11.25.13 AM.png

作者 Andy Kirk 是一位英国的可视化专家和自由职业者。
顺便介绍一下他的可视化网站 http://www.visualisingdata.com/
by @步茗Neo(neowang)

全球水资源分布情况

这是荷兰政府发起的一个水资源公益项目,以可视化的形式展现了全球各地水资源的分布情况,并支持动态化的聚合标签展示:
image.png
111.gif
by @诸岳(dengfuping)

H3stogram: Interactive 3D Color Histogram

from blog: http://dofideas.com/h3stogram-interactive-3d-color-histogram-en/
image.png

结合 threejs、dat-gui 打造的 3D 颜色直方图。颜色直方图通常用于 image-processing 领域,用来查看图像中的颜色分布。传统的颜色直方图通常只是某个色彩空间几个维度的值的概率分布(譬如在 RGB 色彩空间下,一张颜色直方图通常会表示成横坐标 0~255,纵坐标是概率密度值,看几个维度在哪个区间分布的密度较高),而 3D 颜色直方图可以给人一种更直观的对于颜色分布的体会:某个色块的 size 表示空间分布上颜色的占比大小,也能直观地发觉分布占比较大或者较小的大概是什么颜色。
by @绝云(leungwensen)