A mini-map is a bird's-eye of the entire node tree. A quick way to see in which area of the node graph we are.
The map is represented by a rectangle shape in the bottom right corner, its aspect ratio matches the editor size. It's background color matches the nodes editor's. It doesn't contain a grid.
Each node in the node tree is represented by a tiny rectangle in the map.
When zoomed in, the area is outlined:
Dragging this area will pan the view.
Active and selected nodes are highlighted:
Nodes could receive the color of its category.
Custom colors on nodes will take precedence over category.
When using frames, show the frame as a whole (coloured). Don't show the nodes inside the frame, as it can become too complex to read. Once there is a working prototype we can test and see if having the nodes inside works, but I'd start without the inside nodes.
The Minimap is shown by default but it can be hidden from the header via the Overlay icon and popover. The icon toggles all overlays, the popover includes options to toggle Minimap, breadcrumbs, and gizmos.
For the first prototype the minimap could be:
- Frames without nodes inside