PhyloView
一款基于 D3.js 用于可视化系统发育树视图插件。
⚡️ 闪电般的 HMR
以最小的开销,速度极快,支持大型数据集和动态行为以进行交互。
🛠️ 丰富的功能
支持中英切换、元数据展示、将进化树图像导出为 SVG、PNG等功能。
🔑 全类型 API
具有完整 JavaScript 类型的灵活编程 API。
⭐快速使用
import {
InitTreeStructure,
InitRadialStructure,
InitTreeLayoutStructure
} from "phyloview";
new InitTreeStructure("#dendrogram", {
content: ""
})
new InitRadialStructure("#dendrogram", {
content: ""
})
// 或者
InitTreeLayoutStructure("#dendrogram", {
content: ""
layout: "" // radial、tree
})
🌸共享示例
✍️专题应用
- 基础进化树:支持
Newick
、NEXUS
、NeXML
、Phyloxml
格式的树文件,支持编辑子树、元数据图形化等操作,通过简单的文件配置或者工具栏按键实时修改生效。 - 蛋白质结构:支持上传
PDB
文件,可视化蛋白质三维结构。示例是CYP51
家族的进化树和蛋白质结构数据,通过点击叶节点查看对应蛋白质的三维结构信息。 - 病原体分布:支持在地理空间维度展示病原体传播现状,展示统计数据。示例是
West Nile
病毒在北美的传播数据,通过点击地图上的点与进化树叶节点进行交互。