BALKAN OrgChart JS - JavaScript Org Chart Library | Docs

Introducing Tree List: A New Way to Visualize Hierarchies in 2026 ​

Introducing Tree List: A New Way to Visualize Hierarchies in 2026: Discover Tree List, a powerful new way to visualize hierarchies in 2026. Organize, explore, and manage structured data with clarity and speed.

Discover Tree List, a powerful new way to visualize hierarchies in 2026. Organize, explore, and manage structured data with clarity and speed.

The Tree List Layout in BALKAN OrgChart JS is a compact way to display hierarchical data as an indented list, combining the clarity of a tree view with the structure of an org chart.

You can see Tree List Layout in this Code demo

Instead of spreading nodes across the screen, this layout aligns them vertically, using indentation and connectors to show parent-child relationships. It's ideal for large or deep hierarchies where space and readability matter.

Why use Tree List Layout? ​

  • Saves space for large datasets
  • Easy to scan and understand hierarchy depth
  • Works with expand/collapse, search, and filtering

Common use cases ​

  • Team and company directories
  • Feature or dependency trees
  • Knowledge structures and documentation

Simple configuration ​

javascript
layout: OrgChart.layout.treeList

You still get all OrgChart JS features like custom templates, interactivity, and export to PDF/SVG/PNG - just in a cleaner, more compact format.

Tree List Layout is the best choice when you need a clear hierarchy without a visually heavy chart.

See other new features in the major v9.00.30 release notes.