A JavaScript library for building interactive Org-Charts, specifically tailored for displaying a company's organizational structure

Version: 8.02.79OrgChart JS is designed for making neat flowcharts using HTML5, CSS, and JavaScript. Using server-side components, developers can implement a specially crafted editing interface.
License: Free To Try $399.00
Operating System: Windows
Homepage: balkan.app
Developed by:
To create unique appearance for your app, you can make use of a set of default skins and color palettes or make your own set. If your users work with big diagrams, a search field which allows finding a particular item will serve as a handful tool.
The edit mode makes it easy to create and edit diagram items.
All you have to do is type a name, title, some additional info, and OrgChart JS will create or edit the item and rebuild your diagram automatically. If you work with a big data set, you can collapse your diagram leaving only the part you are working with.
OrgChart JS has a zooming and scrolling features One of the best things about OrgChart JS is that it does not require any special programming skills due to simple configuration syntax.
OrgChart JS features the ability to build organization charts of any complexity. An organizational chart represents the most natural way of displaying the hierarchical structure of an organization.
You can use it to show the structure of a company, business, or project team.
OrgChart JS allows you to export your chart / diagram to PDF, PNG, CSV or SVG using our export service. You could also install your own export service.
OrgChart JS component consists of nodes and connectors. You can use nodes of some particular type: just textual, with an image or any other custom HTML and SVG elements, or create your own.
Creation of a unique style for your diagram will be easy. The look and behavior are fully customizable, so you can set up any appearance you need via CSS or object properties.
You can easily integrate this OrgChart JS library in any web app. It supports the data loading in the JSON format, and can be used with any server-side back-end.
OrgChart JS supports unlimited number of sub trees in one chart object and two states of a node.
Version 8.02.79: TypeScript definitions added. TypeScript comments added. Fixed an issue with TypeScript.
Version 8.02.10: Type script definition changes.
Version 8.00.25: Updated styles of the Edit Form, Search Input and Menu. New Dark Mode. Added the ability to call chart.minimize and chart.maximize withoyt parameters, it will min/max all nodes. Fixed an issue with searchDisplayField. Fixed an issue on mobile device and drag and drop. Fixed npm exports.
Version 7.11.07: Added a new event "label". Fixed an issue with keyboard navigation. Addednew option "enableKeyNavigation" Now the drop event is fired if dropped in chart canvas.
Version 7.8.03: Fixed minor issue with set as root demo https://jsfiddle.net/gh/get/library/pure/BALKANGraph/orgchartjs-demos/tree/master/SetNodeAsRoot
Version 7.6.13: New event "layout": Change the layout with condition. New const OrgChart.FIXED_POSITION_ON_CLICK - when it is true the chart is not moving on expand. Fixed an issue with layouts. Fixed labels.
Version 7.5.40: New methods: chart.magnify(id, scale, front, anim, callback) chart.magnifyBack(id, anim, callback) Fixed subLevels with mixed layouts Added State functionality Ability to define links as curve, rounded, edge Fixed pan issue on iPad and iOS 13+ And more fixes, improvements and new options
Version 7.1.97: New functionalities including sub trees, minimize/maximize nodes, setting node levels, easy to display children number, added TypeScript support. Fixed an issue in IE with the trial version.
Version 6.7.3: Added Letter and Legal PDF export formats.