A d3 version 4 implementation of a zoomable view with clickable content. Click the orange circle to turn it into red, drag with the mouse to pan, use the mouse wheel to zoom, or pinch with your fingers to zoom and pan.
Compare with a d3 version 3 implementation.
xxxxxxxxxx<html><head> <meta charset="utf-8"> <title>d3v4 zoom</title> <link type="text/css" href="index.css" rel="stylesheet"/> <script src="https://d3js.org/d3.v4.min.js"></script> <script src="https://d3js.org/d3-selection-multi.v0.4.min.js"></script></head><body> <svg></svg> <script src="index.js"></script></body></html> https://d3js.org/d3.v4.min.js
https://d3js.org/d3-selection-multi.v0.4.min.js