Categorias

← View All Tools

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

Dados hierárquicos em formato JSON com nome, valor e arrays de filhos opcionais

Título que será exibido acima do gráfico

Array JSON de cores hex (requer seleção de cores personalizadas)

Largura do gráfico em pixels (mín: 400, máx: 1200)

Altura do gráfico em pixels (mín: 300, máx: 800)

Nível de início a exibir (0 = nível raiz)

Número máximo de níveis a exibir

Tamanho da fonte para rótulos em pixels (mín: 8, máx: 16)

Espaçamento entre retângulos em pixels (mín: 0, máx: 10)

Raio de canto para retângulos em pixels (mín: 0, máx: 8)

Largura da borda para retângulos em pixels (mín: 0, máx: 3)

Cor de fundo para o contêiner do gráfico

Cor da borda para retângulos

Exibir nomes de categoria dentro de retângulos

Exibir valores dentro de retângulos

Mostrar porcentagens em vez de valores absolutos

Mostrar informações detalhadas ao passar o mouse

Animar retângulos ao passar o mouse

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, number, color, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

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.

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.

Exemplos

1. Visualização de Estrutura de Pastas

Administrador de TI
Contexto
O administrador precisa identificar quais subpastas estão consumindo mais espaço em um servidor de arquivos.
Problema
A estrutura de pastas é muito profunda e difícil de analisar apenas com listas de texto.
Como usar
Converter o log de uso do disco para JSON e configurar o gráfico com orientação vertical.
Configuração de exemplo
{"chartOrientation": "vertical", "showValues": true, "valueFormat": "thousands"}
Resultado
Um gráfico de gelo onde o tamanho de cada retângulo representa proporcionalmente o espaço ocupado, permitindo identificar rapidamente os maiores diretórios.

2. Organograma Corporativo

Gerente de RH
Contexto
A empresa cresceu rapidamente e a estrutura de reporte tornou-se complexa.
Problema
Necessidade de exibir a hierarquia de cargos e o número de subordinados por departamento.
Como usar
Estruturar os dados dos funcionários em JSON e usar o esquema de cores 'Roxo' para destacar a hierarquia.
Configuração de exemplo
{"colorScheme": "purple", "showLabels": true, "maxDepth": 4}
Resultado
Um organograma interativo que permite visualizar a estrutura de gestão e a distribuição de pessoal por nível hierárquico.

Testar com amostras

json
Exemplos Avançados de Aplicação Grafana
Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
preferred input family json
json
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
preferred input family json
json
Exemplos D3.js Data Visualization
Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas
preferred input family json
json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Format
Explore 6 ferramentas de json para fluxos de format e encontre utilitários próximos com rapidez.

FAQ

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.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/icicle-chart-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados hierárquicos em formato JSON com nome, valor e arrays de filhos opcionais
chartTitle text Não Título que será exibido acima do gráfico
colorScheme select Não -
customColors textarea Não Array JSON de cores hex (requer seleção de cores personalizadas)
valueFormat select Não -
chartWidth number Não Largura do gráfico em pixels (mín: 400, máx: 1200)
chartHeight number Não Altura do gráfico em pixels (mín: 300, máx: 800)
startLevel number Não Nível de início a exibir (0 = nível raiz)
maxDepth number Não Número máximo de níveis a exibir
labelSize number Não Tamanho da fonte para rótulos em pixels (mín: 8, máx: 16)
paddingSize number Não Espaçamento entre retângulos em pixels (mín: 0, máx: 10)
borderRadius number Não Raio de canto para retângulos em pixels (mín: 0, máx: 8)
strokeWidth number Não Largura da borda para retângulos em pixels (mín: 0, máx: 3)
backgroundColor color Não Cor de fundo para o contêiner do gráfico
strokeColor color Não Cor da borda para retângulos
showLabels checkbox Não Exibir nomes de categoria dentro de retângulos
showValues checkbox Não Exibir valores dentro de retângulos
showPercentages checkbox Não Mostrar porcentagens em vez de valores absolutos
enableTooltip checkbox Não Mostrar informações detalhadas ao passar o mouse
chartOrientation select Não -
hoverAnimation checkbox Não Animar retângulos ao passar o mouse

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "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",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=icicle-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]