Learning D3.js 5 Mapping - Second Edition

Turning our visual into an interactive app

You have officially built a hexbin map, and that was indeed the key focus of this chapter. However, in this last section, let’s leisurely consider how we might make this more engaging and informative for ourselves and our users. We won’t go into as much detail as in the previous sections, but will go through general steps about how to improve the app.

Here’s a list of what we can do:

1. Show the markets in a list on hover.
2. Let the user change the hexagon size.
3. Let the user change the exponent for the color scale interpolator.
4. Show which markets sell specific products, e.g. cheese, wine, seafood, etc.
5. Encode a second variable as hexagon size.

The first is standard. The second and third point would ...