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病毒在北美的传播数据，通过点击地图上的点与进化树叶节点进行交互。