HTML中的有向圖表示

Question

我已將圖形存儲在將數據結構映射到節點列表的Java數據結構中。該圖更可能是樹結構。我想在樹形視圖的HTML頁面中表示圖形。我可以將數據結構轉換爲JSON格式併發送到JavaScript函數。樹的一般視圖如下所示。

A 
/\ 
    B C 
/\ \ 
D E F 
\/
    G 
    | 
    H 

Answer 1

你可以創建自己的繪圖代碼，但D3（http://d3js.org）有一些優秀的樹圖表。

例子： https://github.com/mbostock/d3/wiki/Tree-Layout

http://bl.ocks.org/d3noob/8375092

Answer 2

嘗試一下力指向圖（here's an example），您可以創建使用http://d3js.org