HTML中的有向图表示

Question

I have stored a graph in a Java data structure which maps a node to a node list. The graph is more likely a tree structure. I want to represent the graph in a HTML page like a tree view. I can convert the data structure to JSON format and send to a JavaScript function. The general view of the tree is like the following.

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

Answer 1

You could create your own graphing code, but D3 ( http://d3js.org ) has some excellent tree graphing.

Examples: https://github.com/mbostock/d3/wiki/Tree-Layout

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

Answer 2

试用您可以使用http://d3js.org创建的力导向图（以下为示例 ）