@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])}
={colorScaleDomain}
domain={colorScaleRange} /> range
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