这是一条示例条目，用来演示「可交互作品」在详情页里的呈现方式： 上面是 iframe 容器，下面是图文说明。把正文换成你自己的项目介绍即可， 然后删掉这段引用。
Whittaker 图用年均温（°C）与年降水量（mm）两个轴，把陆地生态系统划成可辨识的 气候区间——它是生态学里最常被引用的一张二维分区图，但纸质版没法回答 「这一块到底对应哪个群系」这种追问。
交互版做了三件事：
- 分区可读：每个群系区块独立描边，界线比原图更清楚，窄区间不再糊成一片。
- 悬停定位：鼠标落在任意位置，左上角实时显示当前坐标对应的温湿度与群系名。
- 明暗跟随：配色读的是站点主题，暗色下不会出现一块刺眼的纯白画布。
绘制全部走 Canvas 2D，没有引入任何图表库——分区边界是手写的多边形， 比套一个通用图表组件更贴近原图的形状语言。