Colors via map

You can color features by passing:

• `keyToColor`, a object mapping region `key|key_alt` to color (see below);

• `key`, the key to be used in the features `properties` field as the region identifier, e.g. `iso_a2`;

• Note that you might provide a topojson where not all the objects have the provided `key`.

For example if you provide `key: 'iso_a2'` (ISO Alpha 2 codes), disputed or partially recognised countries might not have that code (e.g. `Kosovo`).

For these cases you can provide a `key_alt`, equal to `name` by default.

Note that if you pass both `keyToColor` and `keyToColorFn`, `keyToColor` takes precedence.

Also note that if the value returned by `keyToColor` is falsy the fallback is `defaultFill` (which defaults to `white`).

Choose an example

Usage

<ChoroplethG
  {height}
  {width}
  key='iso_a2'
  keyToColor={keyToColorWorld}
  topojson={world_110m_iso_a2}
  topojsonId='countries'
/>

Props

key

keyToColor

topojson

topojsonId