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）