Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add a minimap to visualize one's locatin in huge graphs #490

Open
chabotsi opened this issue Feb 8, 2024 · 2 comments
Open

Add a minimap to visualize one's locatin in huge graphs #490

chabotsi opened this issue Feb 8, 2024 · 2 comments

Comments

@chabotsi
Copy link

chabotsi commented Feb 8, 2024

Is your feature request related to a problem? Please describe.
When a graph is huge, and we zoom in, it's hard to understand “where” are we located in the graph.

Describe the solution you'd like
It would be a very nice option to show a mini-map so users can see there location in the global graph (and not only the zoom part).

Describe alternatives you've considered
Found none.

Additional context
Here is a screenshot of a zoom graph, with a minimap

image

@vasturiano
Copy link
Owner

@chabotsi thanks for reaching out.

You could just overlay a small div on top of the graph canvas with your designed minimap. You can get the nodes coordinates by looking into the { x, y, z } attributes on the data. And for zoom changes you can tap into the onZoom callback prop, which gives you the latest position of the zoomed viewport.

@MaksZhukov
Copy link

@chabotsi Hey! Was you succeed?
Also how did you create your minimap that it shows all the objects after zoom on canvas?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants