Como ele é
Imagine o mapa do Brasil montado com peças de colmeia: cada UF é um hexágono na posição aproximada do território, de Roraima no alto ao Rio Grande do Sul embaixo. As cores vão de um azul lavanda claro, nos menores valores, a um índigo forte, nos maiores, com a sigla e o número compacto dentro de cada peça. Passar o mouse clareia o hexágono e abre um balão escuro com nome, região e valor. Clicar fixa o estado num cartão ao lado, com posição no ranking, participação e uma barra. Na demonstração, dois botões em pílula alternam entre duas métricas.
Você pode estar procurando isto se pediu algo assim
- mapa do Brasil pintado por estado para o meu dashboard
- mostrar vendas por estado com cor mais forte onde vende mais
- mapa com os estados brasileiros em formato de colmeia
- clicar num estado e ver os números dele num cartão
- gráfico por UF que funcione bem num painel de governo
- mapa do Brasil leve, sem biblioteca de mapas
Também chamado de
- mapa coroplético
- choropleth map
- hexbin map
- mapa do Brasil por UF
- mapa de hexágonos
- tile map
Quando usar
- Dashboards regionais de vendas, clientes ou receita por estado
- Painéis de saúde e de governo que comparam indicadores por UF
- Relatórios em que estados pequenos, como DF e SE, precisam aparecer
- Páginas institucionais que mostram a presença da empresa no país
Quando evitar
- Quando o formato e a área real dos estados importam para a leitura
- Dados por município ou por região menor que o estado
Como pedir para a sua IA
Crie um mapa do Brasil por UF em grade de hexágonos, pintado por valor com as cores da minha marca, para o painel de vendas. Quero tooltip em pt-BR, clique que fixa um cartão de detalhe, navegação pelas setas entre estados vizinhos e uma tabela oculta para leitores de tela.
Com o THM Componentes, você cola o prompt completo do catálogo, que já traz o código-fonte deste componente, e a IA reproduz este efeito exato em vez de improvisar.
Perguntas sobre Brazil Map
Como coloco meus números no Brazil Map?
Passe a prop values com um objeto de sigla para número, como SP: 120, e o Brazil Map pinta cada UF numa escala entre o menor e o maior valor. Com seus dados, a segunda métrica de demonstração some; sem values, o componente gera duas métricas fictícias por semente.
O Brazil Map funciona com teclado e leitor de tela?
Sim. O mapa recebe foco e as setas pulam para a UF vizinha na direção escolhida, Enter fixa ou solta o estado e Esc limpa a seleção. Para leitores de tela, o Brazil Map traz um resumo com os maiores e o menor valor, uma tabela oculta com as 27 UFs e anúncios do estado em foco.
O Brazil Map precisa de biblioteca de mapas ou de GeoJSON?
Não. O Brazil Map é SVG puro, sem dependências: as posições das 27 UFs já estão no código, numa grade hexagonal que lembra o mapa real. Por isso ele é classificado como Leve no THM Componentes e não baixa nenhum arquivo de fronteiras.
