Charts

<ChoroplethChart aspectRatio="2 / 1" data={geojson} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>
  <ChoroplethGraticule />
  <ChoroplethFeatureComponent getFeatureColor={getVisitorColor} />
  <ChoroplethTooltip getFeatureValue={getVisitorValue} valueLabel="Visitors" />
</ChoroplethChart>

<ChoroplethChart aspectRatio="16 / 9" data={geojson} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>
  <ChoroplethGraticule />
  <ChoroplethFeatureComponent fill="var(--chart-3)" />
  <ChoroplethTooltip />
</ChoroplethChart>

<ChoroplethChart aspectRatio="16 / 9" data={geojson} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>
  <ChoroplethFeatureComponent getFeatureColor={getVisitorColor} />
  <ChoroplethTooltip
    getFeatureValue={getVisitorValue}
    valueLabel="Visitors"
  />
</ChoroplethChart>

<ChoroplethChart aspectRatio="16 / 9" data={geojson} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>
  <ChoroplethGraticule stroke="rgba(255,255,255,0.15)" />
  <ChoroplethFeatureComponent fill="var(--chart-1)" />
  <ChoroplethTooltip />
</ChoroplethChart>

<ChoroplethChart aspectRatio="16 / 9" data={geojson} margin={{ top: 8, right: 8, bottom: 40, left: 8 }}>
  <ChoroplethFeatureComponent
    patterns={<PatternLines id="p-americas" stroke="var(--chart-1)" ... />}
    getFeaturePattern={(feat) => `pattern-${getRegion(feat)}`}
  />
  <ChoroplethTooltip />
</ChoroplethChart>