14

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

Improve this question
1

3 Answers 3

Reset to default
32

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

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

not quite what i'm after, I already tried another solution based off of <ul> and <li> and it doesn't quite work the way we want. May need some javascript to do what we want, thanks though!
I went through every one of these, thanks for the post. I need the JS libraries as well. Most things are for directory structures.
I can't get over how extensive and well done d3js is. Their main demo page is absolutely stunning. https://github.com/mbostock/d3/wiki/Gallery
3

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

Improve this answer

Comments

0

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

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.