aws / graph-explorer

React-based web application that enables users to visualize both property graph and RDF data and explore connections between data without having to write graph queries.
https://github.com/aws/graph-explorer
Apache License 2.0
319 stars 47 forks source link

[Feature Request] Add a hover tooltip type box to nodes and edges #319

Open krlawrence opened 5 months ago

krlawrence commented 5 months ago

Community Note

Graph Explorer Version (and Graph Database and Version used if applicable) 1.6.0 Is your feature request related to a problem? Please describe. Too many operations require opening the side panels to see basic information. If a user hovers the mouse over a node or an edge it would be nice if a tooltip style box appeared with at least some summary of the properties, label, and ID associated with that element.

kmcginnes commented 5 months ago

I love this idea. I've been dreaming of adding more interactivity in to the graph itself when exploring. I think it would make the UI more intuitive and more efficient to use.

We will need to create a proof of concept within our current graph renderer, Cytoscape, to see what is possible. My understanding is that it is essentially creating an SVG image and rendering it with some limited interactions. However, we are able to select nodes and edges, so there must be some capabilities were we can add something like tool tips.

There are also some other renders that we might consider that allow for more extensive control over the UI of the graph. But each one would need to be prototyped to see how the performance holds up.

In the end, we may need to go down the WebGL route and write our own graph renderer and layout engine to be able to accomplish everything we want to accomplish and have the performance we desire.