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.

Elysia Tools

Navegação

Data Visualization

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

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

21 opções

ConteúdoCole ou digite os valores principais.3

Dados HierárquicostextareaObrigatórioDados hierárquicos em formato JSON com nome, valor e arrays de filhos opcionaisTítulo do GráficotextOpcionalTítulo que será exibido acima do gráficoCores PersonalizadastextareaOpcionalArray JSON de cores hex (requer seleção de cores personalizadas)

ConfiguraçõesAjuste formatos, intervalos, números e modos.13

Esquema de CoresselectOpcionalFormato do ValorselectOpcionalLargura do GráficonumberOpcionalLargura do gráfico em pixels (mín: 400, máx: 1200)Altura do GráficonumberOpcionalAltura do gráfico em pixels (mín: 300, máx: 800)Nível de InícionumberOpcionalNível de início a exibir (0 = nível raiz)Profundidade MáximanumberOpcionalNúmero máximo de níveis a exibirTamanho do RótulonumberOpcionalTamanho da fonte para rótulos em pixels (mín: 8, máx: 16)Tamanho do PreenchimentonumberOpcionalEspaçamento entre retângulos em pixels (mín: 0, máx: 10)Raio da BordanumberOpcionalRaio de canto para retângulos em pixels (mín: 0, máx: 8)Largura do TraçonumberOpcionalLargura da borda para retângulos em pixels (mín: 0, máx: 3)Cor de FundocolorOpcionalCor de fundo para o contêiner do gráficoCor do TraçocolorOpcionalCor da borda para retângulosOrientação do GráficoselectOpcional

AlternânciasAtive ou desative comportamentos opcionais.5

Mostrar RótuloscheckboxOpcionalAtivo quando marcadoExibir nomes de categoria dentro de retângulosMostrar ValorescheckboxOpcionalAtivo quando marcadoExibir valores dentro de retângulosMostrar PorcentagenscheckboxOpcionalAtivo quando marcadoMostrar porcentagens em vez de valores absolutosHabilitar DicascheckboxOpcionalAtivo quando marcadoMostrar informações detalhadas ao passar o mouseAnimação ao Passar o MousecheckboxOpcionalAtivo quando marcadoAnimar retângulos ao passar o mouse

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Gerador de Gráfico de Gelo

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Visualização de Estrutura de Pastas

2. Organograma Corporativo

Perguntas frequentes

Exemplos Avançados de Aplicação Grafana

Exemplos D3.js Data Visualization

Exemplos de Códigos QR

Exemplos de Análise de Logs ELK Stack

Bar Chart Generator

Gerador de Gráfico de Bolhas

Gerador de Gráfico de Barras de Comparação

Gerador de Gráfico de Donut

Geradores de Gráficos e Diagramas

Geradores de schema JSON, dados mock e fixtures de API

Ferramentas de intercambio JSON e traducao de formatos

Ferramentas de inspecao, diff e transformacao JSON