Javascript Hierarchy/Tree creator

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