Just a play with hotspots to make an image 'interactive' in D3 and an excuse to reminisce.
Should have used a full size image, or one that at least had Zero in it. And I'm repeating what's on the pic already but hey …
xxxxxxxxxx<html lang="en"><head> <meta charset="utf-8"> <title>d3 | hotspots</title> <meta name="author" content="Sundar Singh | eesur.com"> <link rel="stylesheet" href="main.css"> <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script> </head><body><header> <h1>move over pic</h1> <p></p> <nav><button id="grid-bt">GRID</button></nav></header><section id="vis"></section><script src="d3_code_grid.js" charset="utf-8"></script> <script src="d3_code_hotspots.js" charset="utf-8"></script></body></html> Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js