# Gerador de Gráfico de Gelo 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 > Página canônica: https://elysiatools.com/pt/tools/icicle-chart-generator - **Categoria:** Data Visualization - **Palavras-chave:** gráfico de gelo, hierárquico, visualização de árvore, treemap, dados aninhados, organograma, sistema de arquivos, sunburst ## Visão geral O Gerador de Gráfico de Gelo permite criar visualizações interativas e intuitivas para dados hierárquicos, transformando estruturas complexas de árvore, sistemas de arquivos ou organogramas em gráficos claros e fáceis de navegar. ## Entradas - **Dados Hierárquicos** (textarea): Dados hierárquicos em formato JSON com nome, valor e arrays de filhos opcionais - **Título do Gráfico** (text): Título que será exibido acima do gráfico - **Esquema de Cores** (select): Selecionar esquema de cores - **Cores Personalizadas** (textarea): Array JSON de cores hex (requer seleção de cores personalizadas) - **Formato do Valor** (select): Selecionar formato do valor - **Largura do Gráfico** (number): Largura do gráfico em pixels (mín: 400, máx: 1200) - **Altura do Gráfico** (number): Altura do gráfico em pixels (mín: 300, máx: 800) - **Nível de Início** (number): Nível de início a exibir (0 = nível raiz) - **Profundidade Máxima** (number): Número máximo de níveis a exibir - **Tamanho do Rótulo** (number): Tamanho da fonte para rótulos em pixels (mín: 8, máx: 16) - **Tamanho do Preenchimento** (number): Espaçamento entre retângulos em pixels (mín: 0, máx: 10) - **Raio da Borda** (number): Raio de canto para retângulos em pixels (mín: 0, máx: 8) - **Largura do Traço** (number): Largura da borda para retângulos em pixels (mín: 0, máx: 3) - **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico - **Cor do Traço** (color): Cor da borda para retângulos - **Mostrar Rótulos** (checkbox): Exibir nomes de categoria dentro de retângulos - **Mostrar Valores** (checkbox): Exibir valores dentro de retângulos - **Mostrar Porcentagens** (checkbox): Mostrar porcentagens em vez de valores absolutos - **Habilitar Dicas** (checkbox): Mostrar informações detalhadas ao passar o mouse - **Orientação do Gráfico** (select): Selecionar orientação do gráfico - **Animação ao Passar o Mouse** (checkbox): Animar retângulos ao passar o mouse ## Quando usar - Para visualizar a distribuição de tamanho de arquivos e pastas em um sistema de armazenamento. - Para representar estruturas organizacionais complexas e hierarquias de departamentos. - Para analisar dados aninhados onde a proporção e a relação entre partes e o todo são fundamentais. ## Como funciona - Insira seus dados hierárquicos no formato JSON, definindo nomes, valores e subníveis (children). - Personalize a aparência do gráfico escolhendo esquemas de cores, orientação e formatos de exibição de valores. - Ajuste parâmetros como profundidade máxima e nível de início para focar em partes específicas da hierarquia. - Gere o gráfico interativo com suporte a dicas (tooltips) e animações ao passar o mouse. ## Casos de uso - Mapeamento de uso de espaço em disco para administradores de sistemas. - Visualização de orçamentos departamentais em grandes empresas. - Exploração de taxonomias de produtos em catálogos de e-commerce. ## Perguntas frequentes ### O que é um gráfico de gelo? É uma técnica de visualização de dados hierárquicos que utiliza retângulos empilhados para representar a estrutura de árvore, facilitando a comparação de tamanhos entre categorias. ### Qual formato de dados é necessário? O sistema aceita dados em formato JSON, onde cada nó possui um 'name', um 'value' e, opcionalmente, um array de 'children'. ### Posso personalizar as cores? Sim, você pode escolher entre esquemas predefinidos como 'Oceano' ou 'Floresta', ou definir suas próprias cores usando um array de códigos hexadecimais. ### É possível limitar a profundidade da visualização? Sim, através da opção 'Profundidade Máxima', você pode controlar quantos níveis da hierarquia serão exibidos simultaneamente. ### O gráfico é interativo? Sim, o gráfico gerado inclui suporte a dicas ao passar o mouse e animações, permitindo uma exploração detalhada dos dados. ## Ferramentas relacionadas - [Bar Chart Generator](https://elysiatools.com/pt/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Gerador de Gráfico de Bolhas](https://elysiatools.com/pt/tools/bubble-chart-generator): Gerar gráficos de bolhas personalizáveis a partir de dados com três dimensões (x, y, tamanho) - [Gerador de Gráfico de Barras de Comparação](https://elysiatools.com/pt/tools/comparison-bar-chart): Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados - [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 Funil](https://elysiatools.com/pt/tools/funnel-chart-generator): Gerar gráficos de funil personalizáveis a partir de dados, perfeito para mostrar taxas de conversão, pipelines de vendas e fluxos de processos - [Gerador de Gráfico de Gantt](https://elysiatools.com/pt/tools/gantt-chart-generator): Criar gráficos de Gantt profissionais com linhas de tempo de tarefas, dependências, acompanhamento de progresso e marcadores de marcos - [Gerador de Medidor](https://elysiatools.com/pt/tools/gauge-chart-generator): Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho - [Gerador de Mapa de Calor](https://elysiatools.com/pt/tools/heatmap-generator): Gerar mapas de calor personalizáveis a partir de dados, perfeito para visualizar densidade de dados, correlações e padrões ## 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 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 - [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 Análise de Logs ELK Stack](https://elysiatools.com/pt/samples/elk-stack-samples): Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos