search

projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.74k stars 1.18k forks source link

Feature Request: Mini-map for large diagrams. #375

Open lopesc opened 5 years ago

lopesc commented 5 years ago

A mini-map feature would be useful for the user to easily see where they navigating are in relation to the larger-diagram, without have to zoom-out.

lopesc commented 5 years ago

Has anybody found any third party libs to do a mini-map?

DavidDuranPerez commented 4 years ago

Are there any news regarding this issue? Thank you!

stanislav-grin commented 4 years ago

@lopesc have you found any workaround how to implement this?

flieks commented 3 years ago

Also interested if someone has a clue on how to achieve this ?

dberardo-com commented 3 years ago

could this work with the current implementation of the canvas?

https://github.com/jeremy-carbonne/react-minimap

serjikus22 commented 2 years ago

@dylanvorster If has information about Mini-Map?

amagana8 commented 8 months ago

@dylanvorster Is this being worked on? If not I could take a crack at it.

spinus commented 7 months ago

@amagana8 I would safely assume you can go with it if you want. This issue is opened for years and if anybody jump on it, you would see some movement I can imagine.

When looking graphing lib recently I found two implementations that can be helpful: https://github.com/cytoscape/cytoscape.js-navigator/blob/master/cytoscape-navigator.js https://github.com/xyflow/xyflow/blob/v11/packages/minimap/src/MiniMap.tsx/#L36

both are plugins to existing graphing software. Cytoscape JS, and xyflow is React.