OrgChart JS Community Edition

We're excited to introduce the OrgChart JS Community Edition, a free version of OrgChart JS designed for developers, students, and open-source projects.

What is it?

OrgChart JS Community Edition is a lightweight, powerful library for building interactive organizational charts and hierarchical visualizations in JavaScript.

Key Features

• Load on demand
• Highlight Nodes
• Templates
• Custom Templates
• Mutliple templates
• CSS customization
• Expand Collapse
• Minimize/Maximize
• Dotted lines
• Zoom and pan support
• Works with large datasets

Why use it?

It gives you a fast way to build professional org charts without cost, while still keeping the option to upgrade for advanced enterprise features when needed.

Get started

1. Include the Library

First, add OrgChart JS to your project.

<script src="https://cdn.balkan.app/orgchart-community.js"></script>

2. Create a Container

Add a div where the chart will be rendered:

<div id="tree"></div>

3. Initialize the Chart

const chart = new OrgChart("#tree", {
    nodeBinding: {
        field_0: 'name'
    },
    nodes: [ 
        { id: 1, name: "CEO" }, 
        { id: 2, pid: 1, name: "CTO" }, 
        { id: 3, pid: 1, name: "CFO" }, 
        { id: 4, pid: 2, name: "Developer" } 
    ]
});

• id = unique node ID
• pid = parent ID

Edit in BALKAN Code

---

Start building today with OrgChart JS Community Edition - free forever.