Diagram: add pan and zoom controls.

It looks like there is a library or a custom approach

This version is very simple. scroll wheel to zoom and click and drag to pan.

https://jsfiddle.net/zu_min_com/2agy5ehm/26/

Or a library
https://github.com/mermaid-js/mermaid-live-editor/issues/887 using https://github.com/bumbu/svg-pan-zoom

This patch looks promising: https://github.com/mgaitan/sphinxcontrib-mermaid/pull/117. It uses d3's native zoom, similar to the jsfiddle @swirt referenced in #2.

Just realized that PR isn't for Mermaid itself, but an offshoot. I assume the solution would work for vanilla Mermaid too though.

Closing this because it is now moved to the Mermaid Diagram Field module ✨ Add pan and zoom controls. Active