block by micahstubbs 89c484e87298425f3d8c09f37362243e

deck.gl + Mapbox Extruded-Hex Map

Full Screen

a visualization of personal injury road accidents in the U.K. from 1979 through 2016. It uses deck.gl’s HexagonLayer to aggregate data within the boundary of each hexagon cell. The HexagonLayer is inserted underneath Mapbox’s label layers. source data


this iteration moves the controls to the North Sea. It also gives the controls a darker background and aligns the text.


an iteration that makes the code nice to work with, for my personal definition of nice.

an iteration on the deck.gl + Mapbox HexagonLayer Example from @cxiaoji, discovered from the Uber Visualization Newsletter

in github repo form at https://github.com/micahstubbs/deck-gl-experiments/tree/master/hexagon-layer/02

index.js

index.html

index.css