太空狗

作者:Duncan Geere 地址:https://old.duncangeere.com/spacedogs/

在人类进入太空之前,苏维埃政权向太空送了一些狗狗进行太空项目的测试。下图展示了曾经进入了太空的狗狗的可视化。每个节点是一只曾经进入过太空轨道的狗。黄色代表这只狗最终活了下来,紫色的点代表没能存活。节点大小代表了这只狗飞行任务数。节点之间的连线代表两只狗曾经一起飞行。
image.png

  1. by [@十吾(shiwu-5wap2)](/shiwu-5wap2)

NBA 投篮位置图

作者:Zak Geis 链接:https://public.tableau.com/zh-cn/gallery/mapping-nba-shot-locations

在这张《体育》周日的图片中,扎克·盖斯(Zak Geis)观察了自 1997-98 赛季以来 NBA 每一次投篮尝试的位置。探索数据,以了解你最喜欢的球员哪位更可能去上篮或三分球。

使用过滤器更改视图,将鼠标悬停在标记上可以查看详细信息。例如,勒布朗·詹姆斯,自 2003 年进入联盟,每一个赛季的投篮位置的分布如下图所示,可以很明显地看出来,在詹姆斯的巅峰时期(2010-2014),投篮分布比较均匀,其效率大部分都高于自己的平均水平,而随着年龄的增长,在 2017-2020 三个赛季中,三分投篮明显增多,中距离投篮明显减少,整体投篮效率依然保持在较高的水准。
image.png
除过查看某个球员的投篮分布,也可以通过切换过滤类型,查看某个球队的投篮位置分布。

@聚则(moyee-bzn)


火山遍布的日本

作者:David Pires 链接:https://public.tableau.com/zh-cn/gallery/japan-land-volcanoes

你知道日本有 100 多座活火山吗?公元 553 年,日本历史上第一次有记载的火山喷发发生在熊本县的阿苏山。因为阿苏山,熊本县也有个别称叫做“火之国”。据记载,日本有 17 座火山喷发过,其中公元 915 年的十和田火山喷发是日本国内最大规模的喷发。在这张图中,颜色越红的火山海拔越高,而低于地平线的那些地下火山则用蓝色标记。通过交互,可以很容易地了解到,世界上最大活火山之一的富士山海拔达到了 3776 米。
image.png
by @珂甫(pddpd)


亚洲咖啡的生产与供应

作者:Zafirah Mohamed Zein 链接:https://kontinentalist.com/stories/are-coffee-trade-markets-in-asia-sustainable-and-ethical

在全球范围内,每分钟会消耗 230 万杯咖啡。在亚洲,咖啡产量占总产量的三分之一以上,喝咖啡已成为一种文化现象。

咖啡的风味特征通常特定于种植咖啡植物的农场或庄园,甚至可以显示其国家和产地的特征。亚洲气候温和,雨水充沛,土壤肥沃,是咖啡种植的主要地点。
image.png
尽管全球咖啡供应链始于亚洲许多劳动力丰富的国家,但那里种植的大多数咖啡都是在其他地方消费的。生咖啡的平均出口价值仅占全球咖啡零售市场的不到 10%,估计约为 2000-2500 亿美元。烘焙商、零售商和咖啡店从每杯咖啡的销售中获利最多。以下是咖啡的利润链中获利最大的十个烘焙商。
image.png
by @顾己(esora)


加速 D3 图可视化

作者:Jan Zak 链接:https://medium.com/neo4j/scale-up-your-d3-graph-visualisation-webgl-canvas-with-pixi-js-63f119d96a28

对于一个使用 D3 开发的图可视化项目,当节点数超过 1k 时,使用 SVG 渲染很容易达到性能瓶颈。因此作者想到使用 WebGL 实现替换掉 D3 的渲染层。

文中提到的其他商业化解决方案也都采用了 WebGL 渲染

本文还有后续第二部分,其中介绍了使用 SDF 进行文本渲染的优化。
在复杂图场景下,考虑到渲染性能采用了两种优化手段:

  • LoD(levels of detail)。在最小缩放等级下,仅有节点被渲染,隐藏边和节点中的 icon。放大时首先展示边、然后是节点中的 icon,最后才是 label 文本。G6 中也有类似做法。
  • Culling。在放大时剔除掉视口之外的对象。

1621578356722-435f870d-ece9-41b6-a6dc-269cd6691796.gif

@沧东(cangdong)