预期寿命浏览器

一个 HTML 页面里的联动仪表盘：67 个国家，1990 年至 2023 年的每一年，四个视图跟随同一个选择。选择地区，拖动或播放年份，点击气泡或表格行来跟踪一个国家，点击趋势线跳到某一年。地址栏会同步更新，所以页面链接会按你离开时的样子打开。

浏览器

它说明了什么

从 1990 年开始播放，气泡云向右上方漂移：几乎每个国家都比过去更富裕、更长寿。例外才是故事所在。随着艾滋病毒蔓延，南部非洲在 1990 年代和 2000 年代初不断下沉，治疗普及后又以最快的速度回升。俄罗斯和乌克兰在 1991 年后下滑。而 2020–2021 年，67 个气泡中有 57 个同时下降，疫情在整张图上表现为一次共同的震动。

实现方式

• 一个状态，四个视图。地区、年份、跟踪的国家和悬停的国家都保存在一个对象里。前三者变化时全部重绘；悬停只切换类名，因此气泡、对应的行和提示框一起高亮，无需重绘。
• 状态就是地址。每次变化都用 history.replaceState 写入 #year=…&regions=…&country=…，页面加载时再读回来：分享链接就是分享视图，无需服务器。
• 平均值是加权的。在主要数字里，印度的分量比塞内加尔重，因为这是关于人的陈述，而不是关于国家的。

来源：预期寿命和人口来自联合国《世界人口展望》（2024），人均 GDP 来自世界银行按购买力平价计算、以 2021 年不变国际元计的数据，均由 Our World in Data 整理：预期寿命、人均 GDP、人口。这 67 个国家是所有人口在 1500 万及以上且数据序列完整的国家。