基于JavaScript瀏覽器的布局和連通圖展示：Dracula

jopen 10年前發布 | 18K 次閱讀 Dracula 圖表/報表制作

基于JavaScript瀏覽器的布局和連通圖展示。

Dracula是一組工具用于展示和布局交互式圖形的JS庫。還包含各種相關的算法。

不需要Flash, Java, 插件。只要純 JavaScript 和 SVG。

創建一個圖形簡單！您也可以輕松地定制任何東西。

示例：

var g = new Graph();

g.addEdge("strawberry", "cherry");
g.addEdge("strawberry", "apple");
g.addEdge("strawberry", "tomato");

g.addEdge("tomato", "apple");
g.addEdge("tomato", "kiwi");

g.addEdge("cherry", "apple");
g.addEdge("cherry", "kiwi");

var layouter = new Graph.Layout.Spring(g);
layouter.layout();

var renderer = new Graph.Renderer.Raphael('canvas', g, 400, 300);