DeepTime Mammalia

3天前发布 8 00

DeepTime Mammalia 是一个运行于现代浏览器端的交互式数据可视化作品。不同于枯燥的教科书图表,本项目利用 WebGL 和 CSS3D 技术,试图重构我们对“演化时间”的感知。

所在地:
中国
收录时间:
2026-01-14
其他站点:
DeepTime MammaliaDeepTime Mammalia

交互式哺乳纲演化树 · 沉浸式科普体验

从合弓纲的余晖,到新生代的繁盛。
跨越 2 亿年的生命史诗,尽在指尖流转。

DeepTime Mammalia 是一个运行于现代浏览器的交互式数据可视化项目,旨在以直观、动态的方式呈现哺乳动物长达两亿年的演化历程。它不是静态图表,而是一场可探索、可感知的时空旅程。

DeepTime Mammalia

项目基于权威的 Mammal Diversity Database (MDD) v2.3 分类体系,整合了从二叠纪末期合弓纲祖先至今的 167 个哺乳动物科 与上千个关键演化节点,通过创新的视觉叙事手法,重构我们对“演化时间”的理解。

DeepTime Mammalia

核心体验

1. 沉浸式 3D 序幕

  • DNA 双螺旋画廊
    使用 Three.js 的 CSS3DRenderer 构建,以双螺旋结构象征生命的遗传密码,每一圈代表一段关键演化阶段。
  • 动态星空背景
    基于 WebGL 的粒子系统随鼠标或触控流动,模拟宇宙尺度下的时间流逝,营造深邃、静谧的时空氛围。
  • 影院级运镜过渡
    相机平滑切换视角——从微观的物种卡片,到宏观的演化树全景,实现无缝缩放与聚焦。

2. 交互式演化图谱

  • D3.js 高性能动态树
    支持从“纲”到“科”的逐级展开与折叠,响应迅速,即使面对上千节点仍保持流畅。
  • 全平台手势支持
    鼠标滚轮缩放、拖拽平移;触屏设备支持双指捏合与滑动,操作自然如浏览地图。
  • 地质时间轴
    底部集成动态标尺,实时显示当前视口对应的地质年代(单位:MYA,百万年前),帮助用户锚定演化事件的时间坐标。
  • 智能检索系统
    支持中文俗名或拉丁学名实时搜索,匹配结果自动高亮并居中定位,快速直达目标类群。

3. 溯源彩蛋(The Easter Egg)

这是一个致敬生命韧性的隐藏模式。

在界面中寻找并点击 “溯源” 按钮,你将激活一条穿越五次大灭绝事件的幽灵路径——由半透明线框勾勒出合弓纲血脉的存续轨迹。这条路径最终指向人类所在的灵长类分支,提醒我们:今日所有哺乳动物,都是那场远古浩劫中幸存者的后代

科学与艺术的融合

DeepTime Mammalia 不仅追求数据准确性,更注重情感共鸣。它将分类学、古生物学与现代前端技术结合,让演化不再只是教科书上的名词,而成为一场可触摸、可回溯的生命叙事。

无需安装,打开即用。
推荐使用 Chrome、Edge 或 Safari 最新版本以获得最佳 WebGL 与 CSS3D 性能。

数据统计

相关导航

暂无评论

none
暂无评论...