---
source: https://www.jointjs.com/demos/collapsible-minimap
github: https://raw.githubusercontent.com/clientIO/joint-demos/main/collapsible-minimap/README.md
generated: 2026-04-16
format: plaintext
---

JointJS+: Collapsible Minimap <a href="https://www.jointjs.com/jointjs-plus"><img src="../jointjs-plus-badge.svg" alt="JointJS+" width="123" align="right" /></a>

The minimap is a valuable feature that enhances the user's orientation within the diagram. As useful as it is, it doesn't need to be visible all the time. Hiding it when the minimap is not in use allows more space for the paper itself or for other important settings. In this demo, you will learn how to implement a collapsible minimap, reducing potential UI clutter and improving the overall user experience.

This demo is also available online at jointjs.com.

Available Versions

JavaScript

Screenshot

!screenshot