ChoroplethMap
Mapa coroplético genérico. O componente não conhece país nenhum: recebe as regiões ({ id, name, d }), o viewBox e os valores, divide o intervalo em 5 a 7 faixas da escala de índigo e mostra a legenda. Cada região recebe foco pelo teclado, tem tooltip e nome acessível, e a mesma informação está numa tabela.
Envelopes assinados por UF
Cinco faixas de 0 a 2.500. Passe o ponteiro ou use Tab para ver o valor de cada estado. Com onRegionClick, a região vira botão e Enter seleciona.
Envelopes assinados por estado em outubro de 2026
- 0 a 500
- 500 a 1.000
- 1.000 a 1.500
- 1.500 a 2.000
- 2.000 a 2.500
- Sem dados
Nenhum estado selecionado.
Sete faixas, abrindo na tabela
Taxa de envelopes expirados sem assinatura. Com defaultView="table", a tabela vem primeiro, ordenada do maior para o menor valor.
Envelopes expirados por estado em outubro de 2026
| Estado | Expirados | Faixa |
|---|---|---|
| APAmapá | 13,4% | 12,0% a 14,0% |
| ACAcre | 12,6% | 12,0% a 14,0% |
| RRRoraima | 12,1% | 12,0% a 14,0% |
| MAMaranhão | 11,9% | 10,0% a 12,0% |
| AMAmazonas | 10,8% | 10,0% a 12,0% |
| PAPará | 9,6% | 8,0% a 10,0% |
| PIPiauí | 9,2% | 8,0% a 10,0% |
| ALAlagoas | 8,8% | 8,0% a 10,0% |
| TOTocantins | 8,4% | 8,0% a 10,0% |
| PBParaíba | 8,1% | 8,0% a 10,0% |
| RNRio Grande do Norte | 7,7% | 6,0% a 8,0% |
| PEPernambuco | 7,4% | 6,0% a 8,0% |
| SESergipe | 7,1% | 6,0% a 8,0% |
| BABahia | 6,9% | 6,0% a 8,0% |
| RORondônia | 6,5% | 6,0% a 8,0% |
| CECeará | 6,1% | 6,0% a 8,0% |
| RJRio de Janeiro | 5,8% | 4,0% a 6,0% |
| MTMato Grosso | 5,2% | 4,0% a 6,0% |
| GOGoiás | 4,8% | 4,0% a 6,0% |
| MSMato Grosso do Sul | 4,4% | 4,0% a 6,0% |
| MGMinas Gerais | 4,2% | 4,0% a 6,0% |
| ESEspírito Santo | 3,9% | 2,0% a 4,0% |
| RSRio Grande do Sul | 3,4% | 2,0% a 4,0% |
| SPSão Paulo | 3,1% | 2,0% a 4,0% |
| PRParaná | 2,6% | 2,0% a 4,0% |
| SCSanta Catarina | 2,2% | 2,0% a 4,0% |
| DFDistrito Federal | 1,8% | 0,0% a 2,0% |
- 0,0% a 2,0%
- 2,0% a 4,0%
- 4,0% a 6,0%
- 6,0% a 8,0%
- 8,0% a 10,0%
- 10,0% a 12,0%
- 12,0% a 14,0%
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
| regions | { id, name, d }[] | — | Geometria de cada região, com o path SVG. |
| viewBox | string | — | viewBox do SVG em que os paths foram desenhados. |
| values | Record<string, number | null> | — | Valor por id de região. null ou ausente aparece como sem dados. |
| label | string | — | Título visível e nome acessível do mapa e da tabela. |
| valueLabel | string | "Valor" | Nome da medida no tooltip, na tabela e na legenda. |
| regionLabel | string | "Região" | Título da coluna de regiões na tabela. |
| steps | 5 | 6 | 7 | 5 | Número de faixas da escala sequencial. |
| domain | [number, number] | mínimo e máximo dos dados | Intervalo dividido em faixas iguais. |
| formatValue | (value) => string | pt-BR | Formata valores e limites das faixas. |
| view / defaultView | "map" | "table" | "map" | Exibição controlada ou inicial. Use onViewChange para controlar. |
| selectedId | string | — | Região destacada com contorno da cor de ação. |
| onRegionClick | (region, value) => void | — | Torna as regiões botões. |
| noDataLabel | string | "Sem dados" | Texto para regiões sem valor. |