---

@cori-risi/cori.data.api / CategoricalLegend

CategoricalLegend()

CategoricalLegend(props): Element

Defined in: lib/@cori-risi/components/CategoricalLegend.tsx:44

This is a prototype generalization of the CategoricalLegend component used in the ERC tool

import { CategoricalLegend } from '@cori-risi/cori.data.api';

import "@cori-risi/cori.data.api/inst/dist/cori.data.api.css";

// ...

const colorScale = d3.scaleOrdinal<string>()
      .domain(groups) // Input domain
      .range(["#A3E2B5", "#00835D", "#26535C"]);

const colorScaleDomain = colorScale.domain();
const colorScaleRange = colorScale.range();

// ...

<CategoricalLegend domain_names={colorScaleDomain.map(c => data.filter(d => d.geoid === c).map(d => d.name)[0])}
                   domain={colorScaleDomain}
                   range={colorScaleRange} />

Parameters

props

domain?

string[]

d3 color scale domain

domain_names?

string[]

an (array) of names, each one mapped to a category in the color scale domain

na_message?

string

range?

unknown[]

d3 color scale range

scale?

any

title?

string

Returns

Element