OrgChart JS

OrgChart JS is visual tool used by managers to help illustrate the roles and an organization’s hierarchy. Whether you’re a business, nonprofit, or government organization, a chart can help your employees understand the chain of command, with clear information on which people report to which manager. With an accurate chart, you’ll be able to develop growth strategies and assign new projects. A clear organizational chart can help you map inefficiencies in your workplace.

OrgChart JS - Tree LayoutArrange boxes horizontally with two boxes in each row.

OrgChart JS - Mixed LayoutArrange boxes horizontally with one box in each row.

OrgChart JS - Tree Left Offset LayoutLeft-align last child box vertically.

OrgChart JS - Tree Right Offset LayoutRight-align last child box vertically.

OrgChart JS - Normal LayoutAlign last child box horizontally.

Assistant Under the CEOAssistants are child items that have a different relationship with the parent node.

Multiple AssistantsMore than one assistant under the CEO.

Assistant TemplateUse different template for the assistant node.

Assistant in Left OrientationAdding assistant node in different orientation types.

Nest Multiple NodesOrgChart JS allows you to nest multiple nodes inside a single node. Conceptually, grouping nodes allows you to specify a set of nodes that you can treat as though it were just one node.

Minimize Grouped NodesGroup nodes can be in either of two states, maximized and minimized.

Group NodesEasily use Drag & Drop to create a new group of nodes.

Custom TemplatesTo highlight nodes inside groups use different templates for the specified node.

Template 'luba'You can easily extend this template to match your UI.

Template 'derek'You can easily extend this template to match your UI.

Template 'olivia'You can easily extend this template to match your UI.

Template 'diva'You can easily extend this template to match your UI.

Built-in Edit FormBuilt-in edit form allows you to edit any field from the node json object.

CRUD OperationsOrgChart JS allows you to perform CRUD operations against the database such as update, add and remove.

Custom Edit FormIn a custom edit form, you can show or hide certain fields, reorganize those fields, change the layout of the form and add formatted text and graphics.

Edit Menu in FrenchAll the text strings used in the edit menu can be localized to any regional language.

Autocomplete SearchThe search helps you find exactly what you're looking for. Autocomplete is a feature within OrgChart JS designed to make it faster to complete searches that you're beginning to type.

Defined SearchTo display only specific fields in the autocomplete grid define searchFields array.

Bottom to Top

Top to Bottom

Left to Right

Right to Left

Click for more

Image 1 / 28

OrgChart JS organization chart supports the following features:

Grouping – Putting multiple nodes into one box saves a considerable amount of space compared with assigning each node their own box. For example, if you have two employees at the same level you can group them.
Assistant nodes - Assistants are child nodes that have a different relationship with the parent node. They are laid out in a dedicated part of the tree.
Expand/Collapse - When you’re working on a big, complicated OrgChart, you...

Learn more about OrgChart JS

Latest News

Build and Maintain Org Charts with AI Assistance

March 24, 2025Product Update

OrgChart JS v8.15 adds AI functionality, providing artificial intelligence to assist users in the design and management of organizational charts.

Streamline Org Chart Editing with Undo/Redo

November 8, 2023Product Update

OrgChart JS v8.12.13 adds undo and redo support for actions such as adding or removing nodes.

OrgChart JS - September 2023 release

October 6, 2023New Version

Improves handling of mixed layout nodes with sub levels.

OrgChart JS - August 2023 release

September 6, 2023New Version

Adds two new org chart layouts: 'treeLeft' and 'treeRight'.

OrgChart JS - July 2023 release

August 15, 2023New Version

Improves support for mixed layouts to optimize the display of organization charts.

OrgChart JS - June 2023 release

July 18, 2023New Version

Export to CSV, JSON and XML from a specific node.

More News

Prices from: $ 391.02

A customer with 1 website (one domain) will require PROFESSIONAL License, the product can be installed on unlimited machines (Load Balancer). A customer that is going to use the product in a SaaS...