---

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

CategoricalLegend()

CategoricalLegend(props): Element

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

• props.domain?: string[]

d3 color scale domain

• props.domain_names?: string[]

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

• props.na_message?: string

• props.range?: unknown[]

d3 color scale range

• props.scale?: any

• props.title?: string

Returns

Element

Defined in

@cori-risi/components/CategoricalLegend.tsx:44