Pan and zoom SVG, HTML or Canvas using mouse or touch input.

Pan & Zoom Axes

delaunay.find & zoom

X/Y Zoom

Mike Bostock

Zoomable Scatterplot

Scatterplot tour

Zoomable area chart

Versor Zooming

Zoom (SVG, Rescaled)

Zoom (Canvas, Rescaled)

Smooth zooming

Drag & Zoom

Zoom with Tooltip

Zoom to bounding box

Zoomable Raster & Vector

Programmatic Zoom

Zoom (Canvas)

Zoom (SVG)

Zoomable Map Tiles

Pannable chart

d3.interpolateZoom

Zoomable bar chart

D3 Documentation

d3-zoom

@mbostock could we rename `r` to `circleRadius`? It'd be much clearer for folks already holding a lot of new information! Thanks!

David Mora

What is 'DOM'? I just copied the above code into my project and it shows: ' DOM ' is not defined

DOM is documented here https://observablehq.com/documentation/misc/standard-library#dom
it is a convenient way to create a canvas, but you can substitute d3.create("canvas").attr("width", width).attr("height", height) if you prefer (or 2 * width, 2 * height if you want high-density images).