气候：175 年的变暖
一个 HTML
页面里的数据故事：变暖条纹、带注释的气温记录，以及八十万年来的二氧化碳浓度，叙述穿插在图表之间。每张图都是根据页面中的数字绘制的内联
SVG；条纹在浏览器中用 color-mix() 混合颜色，所以同样会跟随站点的深色模式。
变暖条纹
更冷更暖
每条条纹代表一年的全球平均地表温度，左起 1850 年，右至 2025 年，没有坐标轴，也没有数字。蓝色年份比 1961–1990 年的平均值更冷，红色年份更暖。在一个世纪里，颜色来回摇摆；然后从 1980 年代起，它们只朝一个方向变化。
三个数字
+1.53°C
2024 年，有记录以来最热的一年，高于 1861–1890 年的平均值
11 / 11
最热的十一个年份正是最近的十一年，2015 至 2025 年
425.6 ppm
2025 年的二氧化碳浓度，1950 年时为 313 ppm
逐年记录
把数字放回去，形状就更清晰了。自然波动确实存在——强厄尔尼诺年份会跃升，1991 年皮纳图博火山喷发让地球降温了两年——但它们都叠加在一个趋势之上：自 1970 年代以来，每十年上升约 0.2°C。
气温距平
°C，相对于 1861–1890 年 · 悬停查看数值- 年度
- 20 年平均
《巴黎协定》的 1.5°C 限值针对的是长期平均值，而非单个年份：2024 年已经越过，20 年平均值尚未越过。
驱动因素
冰芯里封存着远古空气的气泡。在 80 万年间、历经八次冰期，其中的二氧化碳从未超过百万分之 300。它在 20 世纪初越过了这条线，此后几乎从未停止上升；上面的变暖正是紧随其后。
80 万年来的 CO₂
ppm · 先是冰芯，后为直接测量数据表
| 年份 | 距平，°C | 20 年平均，°C |
|---|
实现方式
-
条纹是 176 个
<rect>，填充色为color-mix(in oklab, var(--cw-warm) N%, var(--cw-mid))：发散色阶写在 CSS 里，所以深色主题只需在一处替换它的两极和灰色中点。 - 注释是带引导线的普通 SVG 文本，按年份和数值定位；在手机上较小的注释会隐藏，只保留纪录值。
- CO₂ 图表把 393 个冰芯和观测站数据点画在同一条时间轴上，于是现代的上升变成了右边缘的一条竖线——这正是这张图要表达的。
来源： 英国气象局哈德利中心 HadCRUT5，距平以 1861–1890 年为基准重新计算；CO₂ 数据来自 NOAA 全球监测实验室 和 EPA 的冰芯汇编；两者均由 Our World in Data 汇编。变暖条纹的设计源自 Ed Hawkins。
用 ❤ 和 Htmlpress 构建