notes

Author: stereobooster

packages/docs/src/content/docs/other/pan-zoom.md

@@ -182,4 +182,8 @@ Be aware that some CSS will cause pixelation of SVG on zoom (bug in Safari), for
 
 ## TODO
 
-- [ ] some kind of threshold for small images (pan-zoom UI looks weird for small images)
+- [ ] Do not stretch images if they are smaller than viewport
+- [ ] Do not show PanZoom UI for small images
+- [ ] Prevent clicks on drag or pan
+- [ ] minimap and full-screen mode, like in [reactflow](https://reactflow.dev/examples/nodes/custom-node)
+- [ ] Create a Rehype plugin to wrap images in a container (`<figure class="beoe"></figure>`) to avoid creating it on the client side.

packages/docs/src/content/docs/start-here/interactivity.mdx

@@ -455,3 +455,12 @@ document.querySelectorAll(".vizdom.ants").forEach((container) => {
 - JS and CSS for those examples are not included in Vizdom Rehype plugin, but feel free to copy (from this website) and modify them
 - Graphviz Rehype plugin also provides option for `data` (`graphFormat=dagre`), but ids in SVG are not consistent with ids in JSON. So it doesn't really work
 - [Request to support JSON representation for D2](https://github.com/terrastruct/d2/discussions/2224)
+
+### TODO
+
+- [ ] Search/filter by labels
+
+See for inspiration:
+
+- [tintinweb.graphviz-interactive-preview](https://marketplace.visualstudio.com/items?itemName=tintinweb.graphviz-interactive-preview)
+- [SVG Zoom To Element](https://bettertyped.github.io/react-zoom-pan-pinch/?path=/story/examples-svg-zoom-to-element--svg-zoom-to-element)