- Story Explorer:故事模型的可视分析">Story Explorer:故事模型的可视分析
- Story Map:地图故事的制作平台">Story Map:地图故事的制作平台
- 冰与火之歌角色盘点
- Mapbox 能源数据可视化">Mapbox 能源数据可视化
- 21 Creative Flowchart Examples for Making Important Life Decisions">21 Creative Flowchart Examples for Making Important Life Decisions
- 可视化在多尺寸设备下的兼容性处理">可视化在多尺寸设备下的兼容性处理
- SVG beyond mere shapes">SVG beyond mere shapes
Story Explorer:故事模型的可视分析
Story Explorer是一个孵化自纽约时报新闻报道的小型可视分析工具,致力于向人们呈现电影中的故事模型。一部电影被解构为具有时间连续性的片段序列,并呈现在页面的最右侧。主体部分由故事演进模型构成,x轴为电影的叙事顺序,而y轴为故事片段的实际发生顺序。故事元素划分为每个片段的pov人物、片段上演的地点和该片段在一天的时间内处于哪个阶段 ( 个人觉得这个元素的选择略牵强,有些故事时间跨度非常大,比如《星际穿越》,就不适合这种以一天内的昼夜时间来划分的方式 ),这三种元素分别进行颜色映射及在模型上的位置mapping,这样以来,呈现在我们面前的故事模型清晰的展现出在一个故事中主要人物的出场顺序、场景的切换等等,还可以从模型中看出电影的叙事顺序是线性的还是非线性的(用了一些闪回、插叙等手法),一部纯线性叙事的电影,其故事演进模型必然呈现视觉上的直线特征,而非线性的叙事则会产生波动性的效果。
by @sakuya(liuye-szvim)
Story Map:地图故事的制作平台
Story Map 利用地图的优势去探索重要地点,事件,趋势。你可也将专业的地图与文本,图像和多媒体内容相结合,并可以轻松利用地图和地理的强大功能讲述你的故事。地图故事可以应用于各种目的,宣传和推广,虚拟旅游,旅行,提供公共信息等。
ESRI 全球最大的地理信息软件技术服务商,提供了地图故事的制作平台。
分享一个地图故事的案例 Mapping Incomes,收入可视化。收入差距是真实的 - 并且变得更加极端。密切关注美国城市收入分布图,可以发现微妙之处和惊喜。主要通过三种可视化方式,展现收入分布的不同模式,同时对每个多个重点城市的分布做了可视化。
by @ThinkGIS(xiaofengcanyue)
冰与火之歌角色盘点
冰与火之歌在这周开播啦,时隔两年终于等来最终季!正是时候来回顾一下前几季中的情节。An illustrated guide to all 2,339 deaths in ‘Game of Thrones’ 分别从出现频率,人物角色,死亡位置等盘点了在过去7季中的所有死亡人物。
by @青湳(qingnan)
Mapbox 能源数据可视化
除了 Mapbox 强大的热力图效果、流畅的相机 flyTo 动作,亮点是如何借助这些技术讲好一个故事。在这个例子中,通过简单的引导,让用户直观感受每一种能源(太阳能、风能、核能)在近年的分布变化。用户会惊讶的发现除了加州,北卡罗来纳州也有庞大的太阳能工厂。
DEMO:https://electricitytransition.com/#3.56/37.18/-98.69
GitHub:https://github.com/ChrisLoer/chrisloer.github.io/tree/master/energy-viz
by @沧东(cangdong)
21 Creative Flowchart Examples for Making Important Life Decisions
最近在做的业务对流程图有着强依赖,梳理方案的时候看到这篇文章结合案例讲述了21个制作流程图的tips蛮实用的,分享给大家共勉。
by @乌诺(wunuo)
可视化在多尺寸设备下的兼容性处理
文章主要是讲述了可视化作品既能在桌面端,又能在移动端下完美呈现的技术处理方案,包括响应式图片、缩放处理、适配屏幕宽度、调整布局(比如水平 => 垂直)、重新定位数据、使用不同的图表类型等等。
以下为同一个可视化页面在不同设备下的部分显示效果(左边👈桌面端,右边👉移动端):
SVG beyond mere shapes
16年 Nadieh Bremer 在 OpenVis 上关于使用 SVG 技术栈如何去做各种可视化图表和各种渐变、动画和特殊视觉效果的分享。里面有很多很经典的 tricks,譬如 highcharts 的雷达图那种光晕和实线交汇的效果、模拟某个 shape 在不同速度下运动的效果、几个图形拆分和融合的效果等等。Nadieh Bremer 一定是个对这个领域超级热爱的人,为了一点点可视化视觉上的改进回去做大量的调研和尝试,哪怕这样的改进看不太到具体的优势和短期之内的收益。
by @绝云(leungwensen)