Selo: GA-candidato · Render: Recharts · Categoria: Composição e parte-do-todo
Retângulos aninhados cuja área representa o valor de cada categoria.
O que é#
Retângulos aninhados cuja área representa o valor de cada categoria.
Para que serve / quando usar#
Muitas categorias de tamanhos bem diferentes, em pouco espaço.
Quando NÃO usar: Valores muito próximos — as áreas ficam indistinguíveis.
Campos de configuração típicos#
- Campos mínimos (poços): 1 dimensão + 1 métrica
- Eixo de categoria (poço Eixo)
- Legenda das séries
- Transição animada
- Cor por série
- Escala/margem do quadro
- Ordenação e Top N
- Small multiples (repetir por coluna)
- Alternar entre gráfico e tabela
- Formato numérico e casas decimais
Exemplo de uso#
Receita por produto da Aurora Varejo, cada produto um retângulo proporcional.
Dados necessários#
Uma (ou duas) dimensão + uma medida positiva.
Limites e observações#
- A suíte determinística cobre a transformação de dados e a geometria do visual (funções puras); a renderização DOM final não tem teste visual — a aparência renderizada é
NÃO MEDIDO. - Só aparecem aqui os controles que realmente têm efeito neste visual (evitamos 'botão morto').
Relacionados#
- Catálogo de visuais
- Visuais (visão geral)
- Editor, páginas, layouts e temas
- Filtros e interações
- Medidas, fórmulas e KPIs
Última revisão: 2026-09-08.