Recreate John Snow's cholera map

来自本月13号举行的 Mapbox GIS Day challenges 的一篇教程:「Challenge 2: Recreate John Snow’s cholera map」。使用 Mapbox Studio 重现 John Snow 医生在 1854 年制作的霍乱爆发情况地图:

image.png


如何设置地图底图的样式使之更符合当年的地图风格呢?Mapbox 提供了一个非常有趣的工具 Cartogram。通过上传一张图片即可完成土地、海洋、道路、建筑等要素的颜色设置,从而实现贴合原始图片风格的效果。值得一提的是在图片面板上还能通过拖拽完成以上要素的取色,可以在自动提取不满足要求时使用。

屏幕快照 2019-11-15 下午4.50.33.pngimage.png


能感受到 Mapbox 做的最好的点其实是丰富的配套工具(Mapbox Studio、Cartogram、Tileset),这些工具才是小白用户喜闻乐见的。设置点图层样式后最终生成效果如下,可在线访问

image.png

by @沧东(cangdong) 



Bundle Buddy

这是一个可视化辅助前端工程优化的项目。通过读取项目的 sourcemap 信息,输出“重复代码”的可视化信息,可以帮助大家快速定位冗余代码并剔除。


image.png

image.png

by  @司马淇(simaqi)



性别工资差距

英国对自身 NHS (英国国家医疗服务体系) 体系下 203 个分支机构中的男女雇员的薪资水平进行了调查,发现绝大多数男性雇员的薪资水平都高于女性雇员,这个比例在 2017-2018 年高达 91% ,并且在 2018-2019 年升至 94% 。这说明在英国这种老牌发达国家中,性别工资差距的问题仍然非常普遍,而且差距还在不断拉大。

image.png image.png


这份调查报告的亮点对同一份数据以不同的视角(性别、时间、趋势)进行了展现,而且不同可视化方式之间的切换也非常自然,是现在群体性调查报告中非常常见却很有效的可视化展示手段,比如 可视化展现 2019 人大会议。如果能将其制作成一个模板化、配置化、平台化的工具,将会大大降低类似可视化作品的实现成本。

2019-11-16 10-41-49.2019-11-16 10_46_09.gif

by @诸岳(dengfuping)



The history of the Forbidden City - a visual explainer

分为8个章节,以简洁明快的信息图为主要方式讲述了紫禁城的历史。

屏幕快照 2019-11-16 下午12.11.30.png

屏幕快照 2019-11-16 下午12.12.00.png

by @sakuya(liuye-szvim)



实时根据声音和音乐绘制神经元(音乐可视化)

音乐通常只能听,肉眼看不见,有没有想过音乐其实也可以用可视化的方式来表达?这就是音乐可视化(Music Visualization)。音乐可视化并不陌生,很多人其实早就接触过,相信都用过媒体播放器,例如Windows Media Player,iTunes等,这些播放器随着音乐的播放,都有一些可视化的展示形式。


Victor Saenger用神经森林(neural forest)实时绘制音乐,下图是德彪西的月光钢琴曲片段的可视化效果。

music-vis2.png


可以一边听着月光钢琴曲,一边欣赏可视化,下面是视频链接:https://vimeo.com/367762717


下面截取了其中开头部分的可视化效果:

music-vis.gif

by @长哲(changzhe)



Understanding the Neural Tangent Kernel

AI 的可解释性问题一直是存在挑战的难题,比如过度参数化的深度神经网络还能有好得惊人的表现到底是什么原因。自从神经正切核 NTK(Neural Tangent Kernel)的提出,我们可以用它来进行展示,从而对一类非常宽的神经网络有更多了解。

最近,一篇博客《Understanding the Neural Tangent Kernel》用很详尽的可视化方法来帮助我们更好的理解 NTK。这篇博客展示了可视化在帮助可解释性问题方面的一些作用。

ellipses107.gif

by @步茗Neo(neowang)


 

交互故事地图模版

Mapbox 发布了交互故事地图模版(Stroytelling Template),即插即用的格式,帮助你快速发布具有高质量地图视觉效果的交互式体验。这种工具可以降低 数据记者、数据可视化工程师、技术市场营销或者想要用地图讲故事。github


我们看一个入门 demo

640 (1).gif


640.gif

by @ThinkGIS(xiaofengcanyue)