09_04_zooming.md

{{meta {docid: zooming}}} {{meta {description: ""}}}

<style> </style> <script src="https://d3js.org/d3.v5.min.js"></script>

Zooming

• d3.zoom()
• zoom(selection)
• zoom.transform(selection, transform)
• zoom.translateBy(selection, x, y)
• zoom.translateTo(selection, x, y)
• zoom.scaleBy(selection, k)
• zoom.scaleTo(selection, k)
• zoom.constrain([constrain])
• zoom.filter([filter])
• zoom.touchable([touchable])
• zoom.wheelDelta([delta])
• zoom.extent([extent])
• zoom.scaleExtent([extent])
• zoom.translateExtent([extent])
• zoom.clickDistance([distance])
• zoom.duration([duration])
• zoom.interpolate([interpolate])
• zoom.on(typenames[, listener])

Zoom Events

Zoom Transform

• d3.zoomTransform(node)
• transform.scale(k)
• transform.translate(x, y)
• transform.apply(point)
• transform.applyX(x)
• transform.applyY(y)
• transform.invert(point)
• transform.invertX(x)
• transform.invertY(y)
• transform.rescaleX(x)
• transform.rescaleY(y)
• transform.toString()
• d3.zoomIdentity