Javascript 层次结构/树创建者

Question

Does anyone know of a javascript or css hierarchy plugin that will accomplish the following:

Root
|  |
|  |
M1  M2
|  |
\  /
  E

One that will basically do this, start with a root, branch off to two or more nodes, and the possibility that the nodes can meet on a child element below.

Thanks

Answer 1

You may just need to reverse this.. CSS3 Family Tree

Otherwise you can use Canvas for drawing your required tree structure

Or you can use jsPlumb Library . See some samples here

Also checkout JavaScript InfoVis Toolkit and GoJS libraries.

Also checkout D3 library . Demo1 , Demo2 , Demo3

Answer 2

最终使用了我们的原始想法，并使用了http://astuteo.com/slickmap/这使得一些漂亮的层次树。

Answer 3

you can use this advanced diagram builder. this demo is for syncfusion. that create all type of workflow & has advanced toolbar like windows application.