A d3 version 3 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 4 implementation.
xxxxxxxxxx
<html>
<head>
<meta charset="utf-8">
<title>D3v3 zoom vs click</title>
<link type="text/css" href="index.css" rel="stylesheet"/>
<script src="https://d3js.org/d3.v3.min.js"></script>
</head>
<body>
<svg></svg>
<script src="index.js"></script>
</body>
</html>
https://d3js.org/d3.v3.min.js