Interactive dashboard demo

Getting started

• System requirements: pnpm
• Install package: pnpm i
• Serve locally: pnpm dev

Hex map

The map data, with states located using axial coordinates, is in helpers/hex-map/hex-positions.csv. Starting from Kentucky at $(q=0, r=0)$, you go east (i.e., to West Virginia) for increasing $r$ and southeast (i.e., to Tennessee) for increasing $q$.

Those axial coordinates are converted to Cartesian coordinated with helpers/hex-map/build-hex-map.py, which produces src/data/state-hex.tsx.

It might make sense to produce the hex map coordinates on the fly using JavaScript, so that features like padding can be adjusted in the app itself.