具有布局算法的Canvas/SVG基于Web的树图库?

bco*_*lan 19 javascript svg canvas graph

我正在寻找一个可以绘制交互式(即可点击节点)树图的库.

这样的东西,但节点框中有文本(即节点的宽度和高度可变).

树的布局

Canviz没有稳定版本,从我可以告诉ProtoVis不能做文本节点,只能用树形布局做单父节点.知道有任何库在浏览器中执行此操作的人吗?

Pic*_*tor 5

一个基本的树数学教程(你可以扩展它以获得你想要的东西) http://www.codeproject.com/KB/scripting/graphic_javascript_tree.aspx

这些是您可能想要查看的其他资源=)

http://www.graphviz.org/Theory.php http://directory.google.com/Top/Science/Math/Combinatorics/Software/Graph_Drawing/

真的希望将来在javascript中看到这个,我对这样的类= P也有相当多的用法


max*_*anz 5

您可能对 Cytoscape.js 感兴趣,这是一个开源 JS 图形可视化和分析库。它具有内置手势、对触摸设备的支持以及丰富的 API,您可以使用它将其集成到您的 Web 应用程序中。

http://js.cytoscape.org

Cytoscape.js 有一个内置的breadthfirst树和 DAG 布局,这种布局非常节省空间。

还有cytoscape-dagreCytoscape.js 的扩展,它允许使用优秀的 Dagre 树/DAG 布局算法:https://github.com/cytoscape/cytoscape.js-dagre

Dagre 产生非常美观的效果。

免责声明:我从事 Cytoscape.js 工作