Arrow icon
See all demos

Corporate Organizational Chart

Do you want to allow users to define an organizational structure and populate it with people in a drag & drop fashion? Check out this demo leveraging the flexibility of JointJS+ by combining tree and grid layouts and customizing the stencil.
Demo instructions
Create a company organization chart by dragging and dropping positions from the left stencil and assigning specific users from the right stencil.

Made with JointJS+

Only available with the JointJS+ commercial license in the apps/ directory of your package. Don't have a license yet? Start a trial and use the source code of all our demos for free, with no strings attached, for 30 days.

Made with JointJS

Available in the JointJS open-source library which helps developers create simple visual applications in less time.

Speed up your development with aย powerful library

Leverage a time-tested JavaScript diagramming library using the best of HTML5 and SVG to accelerate your development.