Blog post preview
September 13, 2023

Demo Wednesday: Collapsible Minimap

We've published a new demo: Collapsible Minimap

Show advanced features to users only when they need them. This is one of the UX rules we followed in today's demo. Such a feature can be a minimap, which is a valuable tool to better navigate the diagram, but takes up more space than needed when not in use. The ability to collapse and expand the minimap is the subject of today's demo and a practice used by many modern collaboration and diagramming tools.

Take a look at the demo below, click on the map icon to show (and hide) the minimap and move elements around on the paper to observe how smoothly the minimap adapts to changes.

See the Pen JointJS+: Collapsible Minimap by JointJS (@jointjs) on CodePen.

Interested in enhancing your application with interactive diagrams? Start a free JointJS+ trial and build visual and No-Code/Low-Code applications with easy and confidence.

Every Wednesday we share diagramming tips, interesting features and news in JointJS. Learn with us, get content delivered straight to your inbox and become a real diagramming pro:

Blog post author
Roman Bruckner
Diagramming enthusiast from an early age, traveler and a persistent contributor to the developer community.
No items found.
Stay in the loop

Speed up your development with a powerful library