A React Mapbox choropleth map generated from US Census Tract IDs using Mapbox Expressions

index.js

<ReactMapGL
  ...
  mapStyle="mapbox://styles/graphicacy/<style_id>>"
  mapboxApiAccessToken={ACCESS_TOKEN}
>
  <Source id={LAYER_NAME} type="vector" url="mapbox://graphicacy.<dataset_id>" />
  <Layer
    type="fill"
    id="fill_layer"
    source={LAYER_NAME}
    source-layer={LAYER_NAME}
    paint={{
      "fill-color": [
          "step", 
          ["get", "total_est"], 
          "#eff3ff", 36836, 
          "#c6dbef", 52390, 
          "#9ecae1", 69315, 
          "#6baed6", 91857, 
          "#4292c6", 120714, 
          "#2171b5", 166635, 
          "#084594", 250002, 
          "#fff"
      ],
      "fill-opacity": 1
    }}
  />
</ReactMapGL>