OrgChart JS Community

BALKAN OrgChart JS Community is a powerful JavaScript library for building interactive organizational charts and hierarchy diagrams. Create responsive org charts for company structures, HR systems, dashboards, and internal tools with minimal code and full customization.

Demos      Docs      Download      Support

Overview

OrgChart JS Community is free and comes with all of the core features expected from a JavaScript Organizational chart, including Expand/Collapse, Custom Template, Minimize/Maximize, CSS Customization and more.

Installation

npm install balkan-orgchart-js-community

or with yarn:

yarn add balkan-orgchart-js-community

Import it in your code

import OrgChart from "balkan-orgchart-js-community";

Usage

const chart = new OrgChart(document.getElementById("tree"), {
  nodeBinding: {
    field_0: "name",
  }
});

chart.load([
    { id: 1, name: "CEO" },
    { id: 2, pid: 1, name: "Manager" },
    { id: 3, pid: 1, name: "Designer" }
  ]);

Other Framework-Specific OrgChart JS Libraries

• Community
  • balkan-orgchart-js-community
  • balkan-orgchart-react-community
  • balkan-orgchart-vue-community
  • balkan-orgchart-angular-community
• Commercial - FREE Trial License
  • balkan-orgchart-js
  • balkan-orgchart-react
  • balkan-orgchart-vue
  • balkan-orgchart-angular

Demos      Docs      Download      Support