# Gerador de Treemap Gera um treemap a partir de dados hierárquicos, usando a área para representar proporções > Página canônica: https://elysiatools.com/pt/tools/treemap-generator - **Categoria:** Data Visualization - **Palavras-chave:** treemap, hierárquico, proporção, área, visualização ## Visão geral Analisa uma hierarquia JSON (name + children + valor folha), calcula o valor total de cada nó e ladrilha a tela com o algoritmo squarified-treemap para manter os retângulos quase quadrados. As células são coloridas por ramo de nível superior e podem mostrar rótulos, valores e percentagens. ## Entradas - **Dados hierárquicos** (textarea): JSON hierarchy: each node has a name, optional value for leaves, optional children - **Título do gráfico** (text): Enter chart title... - **Esquema de cores** (select) - **Mostrar rótulos** (checkbox) - **Mostrar valores** (checkbox) - **Mostrar percentagens** (checkbox) - **Largura da borda** (range) ## Quando usar - Quando você precisa exibir a distribuição proporcional de dados hierárquicos complexos em uma única tela. - Para comparar a contribuição de diferentes categorias e subcategorias para um valor total, como orçamentos ou vendas. - Quando gráficos de pizza ou barras tradicionais não conseguem representar múltiplos níveis de profundidade de dados de forma clara. ## Como funciona - Insira os dados hierárquicos estruturados em formato JSON, definindo nomes, valores para os nós folha e ramificações filhas. - Configure as opções visuais do gráfico, incluindo o título, o esquema de cores (como quente, frio ou pastel) e a largura da borda. - Escolha se deseja exibir rótulos, valores numéricos e percentagens diretamente nos retângulos do treemap. - O algoritmo squarified-treemap processa a hierarquia e gera um gráfico interativo em formato HTML com retângulos proporcionais e organizados. ## Casos de uso - Visualização de alocação de orçamento anual entre diferentes departamentos e subequipes de uma empresa. - Análise de participação de mercado de produtos categorizados por setor e nicho de atuação. - Mapeamento de armazenamento em disco ou distribuição de arquivos por pastas e subpastas. ## Perguntas frequentes ### Qual é o formato de entrada aceito pelo gerador? A ferramenta aceita dados hierárquicos em formato JSON, onde cada nó possui um nome ("name"), valores para os nós finais ("value") e subnós opcionais ("children"). ### Como o tamanho de cada retângulo é determinado? O tamanho (área) de cada retângulo é diretamente proporcional ao valor numérico do nó em relação ao valor total acumulado da hierarquia. ### Posso exibir as porcentagens de cada categoria no gráfico? Sim, você pode ativar a opção de mostrar percentagens para exibir a participação de cada item diretamente no bloco visual correspondente. ### O que é o algoritmo squarified-treemap usado pela ferramenta? É um método de layout que organiza os retângulos de forma a manter a proporção de suas dimensões o mais próxima possível de um quadrado, facilitando a comparação visual. ### Quais esquemas de cores estão disponíveis? Você pode escolher entre os esquemas Padrão, Quente, Frio, Pastel e Negócios para colorir os ramos de nível superior do seu gráfico. ## Ferramentas relacionadas - [Gerador de Gráfico de Donut](https://elysiatools.com/pt/tools/donut-chart-generator): Gerar gráficos de donut personalizáveis a partir de dados com várias opções de estilo, perfeito para mostrar proporções com espaço central - [Gerador de Gráfico de Gelo](https://elysiatools.com/pt/tools/icicle-chart-generator): Gerar gráficos de gelo interativos para visualização de dados hierárquicos, perfeito para mostrar estruturas de árvore, sistemas de arquivos e hierarquias organizacionais - [Gerador de Organograma](https://elysiatools.com/pt/tools/org-chart-maker): Gera um organograma vertical com nomes e cargos a partir de dados JSON hierárquicos - [Gerador de Gráfico Pirâmide](https://elysiatools.com/pt/tools/pyramid-chart-generator): Gerar gráficos de pirâmide para visualização de estrutura hierárquica, perfeito para organogramas, níveis hierárquicos e dados proporcionais - [Gerador de Diagrama de Árvore](https://elysiatools.com/pt/tools/tree-diagram-generator): Gerar diagramas de árvore interativos a partir de dados hierárquicos com estilo personalizável - [Gerador de Gráfico Circular Multinível](https://elysiatools.com/pt/tools/multi-level-pie-chart-generator): Criar gráficos circulares multiníveis concêntricos com relações hierárquicas e funcionalidade de drill-down interativa - [Gerador de Gráfico de Área Polar](https://elysiatools.com/pt/tools/polar-area-chart): Gerar gráficos de área polar interativos para visualizar dados em formato circular, perfeito para comparar categorias com padrões cíclicos ou distribuições radiais - [Gerador de Gráfico Rosa](https://elysiatools.com/pt/tools/rose-chart): Gerar belos gráficos rosa de Nightingale (gráficos de crista) para visualizar dados através de ângulo e área, perfeito para análises comparativas e apresentação de dados históricos ## Exemplos - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR - [Exemplos de Comunicação em Tempo Real WebRTC](https://elysiatools.com/pt/samples/webrtc-samples): Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização - [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas ## Conteúdo relacionado - [Geradores de schema JSON, dados mock e fixtures de API](https://elysiatools.com/pt/hubs/json-generate): Ferramentas reunidas para geracao de schema JSON, construcao de payloads mock e preparacao de fixtures de API em um unico hub. - [Geradores de código tipado a partir de JSON (TypeScript, Go, Rust, Kotlin, Java, C#)](https://elysiatools.com/pt/hubs/json-to-typed-code-generators): Cole JSON e obtenha tipos prontos para uso: interfaces TypeScript, structs Go, structs Rust com serde, data classes Kotlin, classes Java, classes C#, esquemas Zod e JSON Schema inferido. - [Ferramentas de intercambio JSON e traducao de formatos](https://elysiatools.com/pt/hubs/json-convert): Compare ferramentas de conversao JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN e outros formatos estruturados em um unico hub. - [Ferramentas de inspecao, diff e transformacao JSON](https://elysiatools.com/pt/hubs/json-utility): Reune em um so hub ferramentas para formatar JSON, comparar mudancas, inspecionar caminhos, validar schema, mesclar arquivos e transformar dados para fluxos de API e dados.