{"repo":"SeanWong17/Mammalia-tree","free":true,"listed":false,"github":"https://github.com/SeanWong17/Mammalia-tree","clone":"git clone https://github.com/SeanWong17/Mammalia-tree.git","description":"DeepTime Mammalia：交互式哺乳纲演化树，3D 螺旋序幕 + D3.js 动态时间树，跨越 2 亿年 | Interactive mammalian phylogeny with 3D spiral intro & D3.js dynamic timetree spanning 200 Myr","language":"JavaScript","stars":229,"topics":["biology","d3","data-visualization","datavisualization","education","evolution","interactive","javascript","mammals","phylogeny"],"license":null,"category":"databases-storage","readme_excerpt":"DeepTime Mammalia 交互式哺乳纲演化树 · 沉浸式科普体验 中文 English 从合弓纲的余晖，到新生代的繁盛。 跨越 2 亿年的生命史诗，尽在指尖流转。 👉 点击进入：沉浸式体验 (Live Demo) 👈 --- 🌍 完整脊索动物图谱： 想从哺乳纲继续探索鱼类、两栖类、蜥形类与鸟类，请进入 DeepTime Chordata。 📖 简介 (Introduction) DeepTime Mammalia 是一个运行于现代浏览器端的交互式数据可视化作品。不同于枯燥的教科书图表，本项目利用 WebGL 和 CSS3D 技术，试图重构我们对\"演化时间\"的感知。 项目基于最新的 Mammal Diversity Database (MDD) v2.3 分类系统，将从二叠纪末期的合弓纲祖先到现代哺乳动物的 167 个科 、 上千个演化节点 ，通过双螺旋画廊与动态演化树的形式呈现。 🌟 亮点： 本项目不仅包含科学数据，还隐藏了一个关于\"祖先\"的彩蛋模式，等待你去发现。 🧭 相关推荐 (Related Project) 如果你想沿着另一条羊膜动物主线继续探索，也可以查看姊妹项目 DeepTime Sauropsida ：它聚焦鸟类、鳄类、龟鳖类、喙头类与有鳞类，把现生蜥形纲重新放回约 3 亿年的深时背景中。 👉 GitHub： ✨ 核心特性 (Features) 🌌 沉浸式 3D 序幕 - DNA 双螺旋画廊 ：基于 Three.js (CSS3DRenderer) 构建，象征生命的遗传密码。 - 动态星空背景 ：WebGL 粒子系统随鼠标与触摸流动，营造深邃的时间感。 - 平滑运镜 ：影院级的相机过渡动画，实现从微观（卡片）到宏观（演化树）的无缝切换。 🌿 交互式演化图谱 - D3.js 动态树 ：高性能渲染，支持从\"纲\"到\"科\"的逐级展开/收起。 - 全手势支持 ：支持鼠标滚轮缩放、双指捏合及拖拽漫游，流畅丝滑。 - 地质时间轴 ：底部集成动态标尺，实时显示当前视口对应的地质年代（MYA - Million Years Ago）。 - 智能检索 ：支持中文/拉丁学名实时搜索与高亮定位。 🌐 国际化支持 - 中英文切换 ：一键切换界面语言，支持中文和英文双语显示。 - 智能文本适配 ：节点名称、描述、UI 元素自动适配当前语言。 🥚 溯源彩蛋 (The Easter Egg) - 这是一个致敬生命韧性的隐藏模式。 - 寻找并点击界面中的\"溯源\"按钮，你将看到一条穿越大灭绝的幽灵线框路径——那是我们作为\"最后的合弓纲\"孑遗，在这颗星球上走过的路。 ⚡ 性能优化 - 响应式设计 ：自动适配桌面端和移动端，优化不同设备的显示效果。 - 动态资源加载 ：根据设备性能动态调整粒子数量和渲染质量。 - 模块化架构 ：代码分离清晰，便于维护和二次开发。 📸 预览 (Screenshots) 3D 螺旋画廊 演化树概览 :---: :---: 资料卡片 溯源彩蛋 :---: :---: 🛠️ 技术栈 (Tech Stack) 本项目采用 Vanilla JavaScript (ES6+) 开发，运行时无需构建步骤；第三方依赖固定版本并随项目自托管。 Core : HTML5, CSS3, JavaScript Visualization : D3.js (v7) - 处理复杂的树状数据结构与布局计算。 3D Engine : Three.js (r128) - 处理 WebGL 粒子背景与 CSS3D 变换。 Animation","default_branch":null,"files":null,"tree":[],"storefront":"/r/SeanWong17","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SeanWong17/Mammalia-tree/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}