我需要在网页中显示有向无环图。我不是在寻找现成的库或解决方案。我正在寻找建议、建议或朝着正确的方向前进。
1. DAG 可视化
我不确定节点和关系将如何表示。可行的解决方案可能是 Treemaps、良好的旧节点和线或两者的组合。如果一个节点在屏幕上出现多次,我没有问题。
我不需要所有节点从一开始就出现在屏幕上。例如,用户可以通过双击或缩放来扩展节点。
我愿意接受所有的建议和意见。
2. 技术
实现必须具有一些功能:
- 拖放
- 飞涨
- 鼠标与节点交互的事件
从我的角度来看,我有 2 个选项(Flash 是不可能的):
一个。HTML5 画布
缺点:没有向量,基本上只是一张图片;节点上没有隐式鼠标事件;
优点:速度;受欢迎程度;动画
湾。SVG
缺点:节点多时速度慢;
优点:矢量图形;元素在 DOM 中,所以你可以有事件等等;
C。HTML5 Canvas 和 SVG 的混合体