跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

Ptree 交互生命之树

元素周期表之神的新作:整棵生命演化树的交互可视化,交互设计的天花板参考

内容更新日期 · 2026-09-10

What is it · 它是什么

什么是 Ptree 交互生命之树

Ptree 是 Ptable(元素周期表网站,被全球课堂用了几十年)作者 Michael Dayah 的新作:把整个生物演化树做成可交互网页——点击展开分支、按几十种性状筛选(体型/寿命/栖息地…)、树/分支/性状列多视图切换,数据来自 GBIF、NCBI 等开放数据库。对前端人来说,收藏它的理由是**交互本身**:海量层级数据的展开、筛选、切换做到丝滑不卡,是交互数据可视化难得的标杆样本。

How to use · 怎么用

怎么用 Ptree 交互生命之树

  1. 当设计参考逛:感受深层级数据的展开/收起与视图切换怎么做顺。
  2. 点物种节点看性状列、生态关系(捕食/共生/传粉)的呈现方式。
  3. 对比同作者早期作品 Ptable,看「同一个人十年间交互理解的进化」。

Key features · 核心特点

Ptree 交互生命之树 的核心特点

  • 整棵生命之树的丝滑交互展开
  • 几十种性状可筛选,多视图切换
  • 开放科学数据(GBIF/NCBI 等)驱动
  • Ptable 作者出品,交互功力深厚

同类推荐

国际知名的网页设计评奖平台,获奖作品适合每天逛着培养审美