Learning D3.js 5 Mapping - Second Edition

Changing the hexagon size

A key advantage of hexbin maps compared to dot density maps is that interaction is easier. If you have many dots on a map, you might have to keep them small (1-3 pixels) to convey a good sense of the data. Such small targets are hard to catch with the mouse. Furthermore, some dots will inevitably overlap, so you can’t get to them at all. In a hexbin map, each hexagon is reachable, if it’s not too small. I would even argue that our choice of hexagon size might be a little small with 3.5 pixels. Let’s add a drop-down control, allowing the user to change the size of area. Here are some hexagon size variants:

Different ...