Pan and zoom #1672

jakewins opened this Issue Dec 9, 2013 · 14 comments

From @redapple

It would be nice to navigate in the graph like a web map, think google maps, bing maps etc, using the wheel scrool to zoom in/out and mouse-drag to navigate in the graph plane up/down/left/right

I sometimes have to zoom out my browser view and drag "hidden" nodes to the top-left corner and zoom again to interact with them.


👍 This is definitely needed. The interface becomes unusable once it reaches a certain size since you can't access the nodes off screen.


I've had some performance slow downs when working with large result sets in the graph browser. I also think there is a limit of 1000 nodes returned from a query, some sort of "load as you pan" strategy would be nice.


👍 defininitely needed.
Are there any updates or plans for this?


It will be great, even only for fullscreen mode.

Neo4j member

We now have an early version of this in the visualizations over at
See for example:
It uses the rendering from Neo4j browser, so we should be able to backport it once we're happy with it.

Neo4j member

There's a pull request for this now: #2634



Neo4j member

Here's a new PR that adds panning to the graphs: #2934


This would be extremely helpful.

Neo4j member

Since #2934 is merged I will close this issue. It will be a part of the 2.2 release.
About the zooming, it will not be added at this time.

@oskarhane oskarhane closed this Sep 8, 2014

This feature is useless without zooming out to get a complete view. You basically expect the user to pan around towards the invisible boundaries to find the hidden nodes. The intention of a visualizing tool should be showing information, not hiding it.

Neo4j member

Thanks for your thoughts @amb-it-ion ,

We're glad that you find the built-in visualization compelling enough to ask for more features. We're pretty interested in improving these capabilities of Neo4j Browser because it is so convenient to have basic visualization available. As you can tell from the timeline here, this is a longstanding request which we look forward to resolving when we can.

Until then, you can find more visualization capabilities using tools from from Linkurious, Keylines or Tom Sawyer. For more information, check out



As a work-around, it is possible to manually zoom using the developer console or similar.

Select the background of the graph, and inspect this element: it should be an SVG:rect.
The next element below it should be an SVG:g element <g>

Edit the attributes of the <g> element to something like <g transform="scale(0.5)"> to control zooming, or <g transform="translate(-10, 30)"> to control panning.
Or both - eg: <g transform="translate(-100,-40) scale(.0.75)">

This is clunky, but not being able to zoom is a pain.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment