- A World of Forests">A World of Forests
- The World of Small Countries">线性叙事和探索交互:The World of Small Countries
- Mapping the World’s Busiest Air Routes">Mapping the World’s Busiest Air Routes
- Making a Simpsons-inspired map with expressions
- Data Illustrator
- 权利游戏可视化">权利游戏可视化
- mesmerizing map renames LA streets after your favorite films">mesmerizing map renames LA streets after your favorite films
A World of Forests
4月22日世界地球日主题珍爱美丽地球 守护自然资源。世界地球日是一个专为世界环境保护而设立的节日,旨在提高民众对于现有环境问题的意识,并动员民众参与到环保运动中,通过绿色低碳生活,改善地球的整体环境。今天通过地图讲述世界森林。
Trees are essential for life on Earth. Are we caring for them responsibly?
世界森林地图故事通过地理可视化,卫星遥感图像,图表统计多种形式去展现世界森林的现状。
- 森林重要性
- 森林的现状
- 消失的森林
- 未来 本地和全球化的思考
卫星影像卷帘的可视化对比树木的消失
by @ThinkGIS(xiaofengcanyue)
线性叙事和探索交互:The World of Small Countries
《The World of Small Countries》用丰富的可视化语言讲述了69个人口学上微型国家(10万到500万人口)的故事。在叙事技巧上使用了“对比法”,将微型国家放在世界大图中,通过与其他国家各种指标的比较,来逐步发现微型国家的特征,属于比较有技巧性的讲故事手法。表现方式上,使用了线性叙事和探索式交互结合的方法。作品中的线性叙事体现在作品有辅助说明文本、明确的逐步展示流程和恒定的触发方式——下拉页面,一些需要着重展示的信息也会在这个过程中标注出来。通过这些确保读者能够跟随作者的意图,顺着故事主线走下去,单一的操作方式也解除了大多数读者面对复杂交互页面的恐惧。与此同时,创作者保留了用户随心所欲进行探索的权力,每一副可视化界面都保证了数据单元粒度的交互能力,页面左侧的辅助性文本中,作者还会特地将操作说明也包含进去。在自己感兴趣的部分,用户随时可以停下来更加深入的探索。
复杂数据可视化界面的交互引导向来是一个令人头痛的问题,带有引导性质和线性叙事和最大自由度的原子级交互,也许是一个不错的解决方式。
by @sakuya(liuye-szvim)
Mapping the World’s Busiest Air Routes
这是一个全球最热门国内和国际航班的可视化作品。以下是最热门国内航班的可视化。很意外的是最繁忙的航班路线是从首尔到济州岛。
以下是最热门的国际航班路线
by @青湳(qingnan)
Making a Simpsons-inspired map with expressions
「Medium - Doh! Making a Simpsons-inspired map with expressions」,DEMO 使用 Mapbox 展示了 141 个国家的 The Happy Planet Index (HPI) 。辛普森风格的配色以及 🍩的选择令人印象深刻。另外将 HPI 中的四个指标映射成 4 中不同的 pattern 覆盖到国家区域,可以很直观地发现 中非 人民真的过的很苦。
by @沧东(cangdong)
Data Illustrator
说到给设计师设计的可视化制作工具,不得不提 http://data-illustrator.com/。
Data Illustrator 是由 Adobe 主导研发的可视化图形制作工具。通过定义设计空间、设计模式来快速生成图表、信息图。
比如这本书封面左侧的平行坐标图,如果用 Photoshop、Sketch,哪怕是 Tableau 来制作,都会非常麻烦。而通过定义设计模式的方式,则会简单许多。以下是 Data Illustrator 的一段 demo 演示:
by @步茗Neo(neowang)
权利游戏可视化
上周权游第八季终于回归,作为目前最火的史诗级魔幻巨制,大家也都以各种可视化手法去分析权游里的一些数据。比如,就有国外网友将第一季到第六季中所有重要角色的对话信息进行了整理,得到了以下几个可视化作品(以第六季中“Know nothing”的 Jon Snow 为例):
与 Jon Snow 有过对话的人(其中的关系图可以随鼠标 360 度旋转,交互非常赞👍):
![](https://cdn.nlark.com/yuque/0/2019/png/85075/1556387897703-cbdeb181-8208-4fd1-b93c-75e5c4a0ff07.png#align=left&display=inline&height=336&originHeight=1350&originWidth=2876&size=0&status=done&width=716)
Jon Snow 常说的几个台词:
![image.png](https://cdn.nlark.com/yuque/0/2019/png/85075/1556387897713-96bd51d1-91a5-464b-81c1-8c01df924072.png#align=left&display=inline&height=337&name=image.png&originHeight=1348&originWidth=2872&size=4069085&status=done&width=717)
通过分析 Jon Snow 的台词,可视化呈现出他在第六季所有集数中表现出来的情绪分布图。蓝色圆圈为 Jon Snow 的情绪,灰色圆圈为其他人的情绪,圆圈大小为情绪的大小。可以看出,Jon Snow 根本没几集是开心的,果然很忧郁😂!
![image.png](https://cdn.nlark.com/yuque/0/2019/png/85075/1556387897705-d8143123-46dd-4d04-900e-6b83281e1bc9.png#align=left&display=inline&height=338&name=image.png&originHeight=1352&originWidth=2872&size=1162072&status=done&width=717)<br />by [@诸岳(dengfuping)](/dengfuping)
mesmerizing map renames LA streets after your favorite films
用电影名重新标注洛杉矶街道后的地图。过去都在探索 VA 和 GD 领域“自动绘图”的部分,看到这个图的时候,第一感觉是它是不可能被“自动”绘制出来的。文本的尺寸、布局毫无固定的章法,但看起来又是非常和谐自然的。和谐、秩序感这些看起来不太理性的东西,其实也是很大程度上能辅助到信息传达的。可视化领域过去自己关注的都是“术”层面的东西,在“道”或者“美”这个层面的思考太少。
by @绝云(leungwensen)