我有一个表示有向图的数据结构,我想在HTML页面上动态地呈现它。 这些图通常只有几个节点,最上面的可能是10个,所以我想性能不会是一个大问题。理想情况下,我希望能够将其与jQuery挂钩,这样用户就可以通过拖动节点来手动调整布局了。
注意:我不是在寻找一个图表库。
我刚刚把你可能正在寻找的东西放在一起:http://www.graphdracula.net。 它是带有定向图布局的JavaScript,SVG,你甚至可以拖动节点。还需要一些调整,但完全可以使用。你可以用像这样的JavaScript代码轻松创建节点和边。
var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");
你可能也想看看其他项目!下面是两个元比较。
正如guruz提到的,JIT有几个可爱的图/树布局,包括相当吸引人的RGraph和HyperTree可视化。
另外,我刚刚在github实现了一个超级简单的基于SVG的(无依赖性,约125LOC),对于在现代浏览器中显示的小图来说应该足够好。