Skip to content

Minimize and Maximize Nodes in OrgChart JS

For large charts, users often need a quick way to focus on structure first and details later. OrgChart JS min/max lets you toggle nodes between compact and full templates with one click.

This is a more advanced minimize/maximize example that uses very custom templates, initial minimized states, and click-based toggling.

Demo

Quick Setup

  1. Define normal templates and their min versions.
  2. Mark initial compact nodes with a minimized tag.
  3. Toggle state on click with minimize and maximize.

Result

You get a cleaner chart by default, with instant access to details only when users need them.