These things already exist, but with external tools. I wonder if it would be reasonable to enhance the SVG code generator possibly based on d3-graphviz in graphviz to would emit a standalone viewable graph?
---
Fwiw I pan/zoom/search SVGs by opening them in a browser and using scrollbars, ctrl/+, and ctrl/f. It’s admittedly not a smooth google-maps-style experience but it works today.
I think something that output some JS to make the experience smoother (into the svg or into an html output) would be a reasonable feature request.
---
As some other prior art, pprof has a zoomable pannable graphviz viewer, see some images of it here: [https://www.goodwith.tech/blog/go-pprof](https://www.goodwith.tech/blog/go-pprof) (I can’t find a live example to share)
---
I am curious to see what this would look like, but I’m pessimistic that we could do anything better than what browsers do. Zooming SVGs in a modern browser is surprisingly pleasant these days.
---
Is this what you mean? Real-time multiuser editing is supported. As we speak, I’m working on dot import/export.
Not shown is the “Prettify” function, which is graphviz layout. And the video-in-a-node feature is no longer supported.
> **[Ideatree Network Map](https://ideatree.net/ideatree/video_how_to_use/)**
>
> Simultaneous Collaboration Using Network Graphs
---
> [@scnorth](#):
>
> I wonder if it would be reasonable to enhance the SVG code generator possibly based on d3-graphviz in graphviz to would emit a standalone viewable graph?
I think that would be an overkill for two reasons:
1. d3-graphviz _contains_ Graphviz through @hpcc-js/wasm and _renders_ the SVG. What we need here is just to pan and zoom an _existing_ SVG outputted by Graphviz.
2. d3-graphviz’s main purpose is to do animated transitions between graphs. If you just need pan and zoom, it’s better to use something more lightweight such as d3-zoom as in Gordon’s proposals above.
> [@smattr](#):
>
> Zooming SVGs in a modern browser is surprisingly pleasant these days.
I agree. At least with Firefox you can do all you need with various combinations of Ctrl, Shift and mouse wheel, although I’d prefer to do panning by dragging as d3-zoom (and d3-graphviz) do.
---
FYI I learned from [this post](https://www.pypy.org/posts/2021/04/ways-pypy-graphviz.html) that PyPy have [their own Graphviz viewer](https://foss.heptapod.net/pypy/pypy/-/tree/branch/default/dotviewer) for zooming, panning, etc.
---
pprof also has a scrollable Graphviz UI: [https://twitter.com/rakyll/status/899799394907594752](https://twitter.com/rakyll/status/899799394907594752) [https://github.com/google/pprof](https://github.com/google/pprof)