anish
anish

Reputation: 1033

Building Organizational chart using JavaScript

I have JSON data which come from server.

I want to display organization chart in the HTML file in the below format:

                       CEO
                        |
                        |
            #Manager             #Manager 

I am using Dojo. I find this link extremely useful. I want to build exactly the same thing.

I am not able to find required dojo files in there site. So it could be proprietary to IBM.

I tried this link, but I do not find it useful.

Can someone please tell me how should I do it Using dojo or any other frameworks?

Upvotes: 3

Views: 5713

Answers (3)

Hamed Lohi
Hamed Lohi

Reputation: 621

you can use Basic Primitives Diagrams

enter image description here

Which has various diagrams and optional format and is also open source, it's client side JavaScript layout and rendering and no dependencies on 3rd party libraries.

It is also possible to try it online here

Upvotes: 3

dabeng
dabeng

Reputation: 1450

I'm glad to offer jquery solution. As for which is the most easy to use, it all depends on your practical trying results. The following snapshot shows the tree-like hierarchy created by jquery plugin OrgChart

snapshot

If you have not svg, canvas or flex background, maybe this pure dom solution will be your favorite :)

Upvotes: 0

scartag
scartag

Reputation: 17680

You might want to try google org charts . fairly easy to use it think.

Upvotes: 1

Related Questions