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

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

• javascript
• jquery
• html
• css

• Voting to close as tool rec. Similar stackoverflow.com/questions/4290116/jquery-tree-chart – Ciro Santilli OurBigBook.com Commented Jun 2, 2016 at 9:08

3 Answers 3

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

Ended up using the original idea we had and went with http://astuteo.com/slickmap/ which makes some nice looking hierarchy trees.

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