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.
Click on the map icon on the bottom right to expand and collapse the minimap. Move elements around on the paper and observe the minimap adapt smoothly to changes.
The source code of this demo is available as part of the JointJS+ commercial license. Don't have a license yet? Start a trial and use the source code of this and many other demos for free, with no obligations, for 30 days.