Categorias

Gerador de Gráfico Circular Multinível

Criar gráficos circulares multiníveis concêntricos com relações hierárquicas e funcionalidade de drill-down interativa

Dados hierárquicos como objeto JSON aninhado com valores numéricos nos nós folha

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

Raio do círculo mais interno em pixels

Raio do círculo mais externo em pixels

Ângulo inicial em graus (0-360)

Ângulo final em graus (0-360)

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

Texto para exibir no centro do gráfico

Largura das bordas entre segmentos em pixels

Exibir rótulos de segmentos

Exibir valores de segmentos

Exibir valores percentuais

Habilitar funcionalidade de drill-down interativa

Tamanho da fonte para rótulos e valores

Tamanho da fonte para o título do gráfico

Família da fonte para elementos de texto

Largura do gráfico em pixels

Altura do gráfico em pixels

Cor de fundo do gráfico

Animar o gráfico quando carregar

Duração da animação em milissegundos

Fatos principais

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

Visão geral

O Gerador de Gráfico Circular Multinível permite transformar dados hierárquicos complexos em visualizações concêntricas elegantes, facilitando a análise de estruturas de dados aninhadas com suporte a drill-down interativo.

Quando usar

  • Para visualizar estruturas organizacionais ou hierarquias de categorias de produtos.
  • Quando você precisa exibir a composição de um todo em múltiplos níveis de detalhe.
  • Para criar dashboards interativos que permitem explorar subcategorias através de drill-down.

Como funciona

  • Insira seus dados no formato JSON aninhado, definindo as relações hierárquicas e os valores numéricos nos nós folha.
  • Personalize a aparência do gráfico ajustando os raios, esquemas de cores e fontes conforme necessário.
  • Configure as opções de interatividade, como o drill-down, para permitir que os usuários naveguem pelos níveis do gráfico.
  • Gere o gráfico e utilize a visualização final para apresentações ou relatórios de dados.

Casos de uso

Análise de orçamento departamental com detalhamento por centro de custo.
Visualização de portfólio de produtos divididos por categorias e subcategorias.
Mapeamento de tráfego de site por fontes de origem e páginas de destino.

Exemplos

1. Distribuição de Orçamento de TI

Analista Financeiro
Contexto
O analista precisa apresentar a alocação de verba do departamento de TI, que é dividida entre Software, Hardware e Serviços, com subcategorias detalhadas.
Problema
A complexidade dos dados dificulta a visualização rápida de onde a maior parte do orçamento está sendo gasta.
Como usar
Inserir o JSON hierárquico com os valores de cada subcategoria e selecionar o esquema de cores 'vibrant' para destaque.
Configuração de exemplo
{"Software": {"Frontend": 150, "Backend": 200}, "Hardware": {"Servidores": 80, "Rede": 60}}
Resultado
Um gráfico concêntrico claro onde o centro representa o total e os anéis externos detalham os gastos por categoria, permitindo drill-down para análise detalhada.

Testar com amostras

json, text

Hubs relacionados

FAQ

O que é um gráfico circular multinível?

É uma visualização que utiliza círculos concêntricos para representar dados hierárquicos, onde cada anel externo representa um nível de detalhe inferior ao anel interno.

Como devo formatar os dados?

Os dados devem ser fornecidos como um objeto JSON aninhado, onde as chaves representam as categorias e os valores numéricos representam o peso ou tamanho dos nós folha.

O que é a funcionalidade de drill-down?

O drill-down permite que o usuário clique em um segmento do gráfico para expandir ou focar em um nível específico da hierarquia, tornando a exploração de dados mais intuitiva.

Posso personalizar as cores do gráfico?

Sim, o gerador oferece diversos esquemas de cores pré-definidos, como tons de azul, verde, pastel, vibrante e outros, para adequar o gráfico ao seu estilo.

É possível ajustar o tamanho do gráfico?

Sim, você pode definir a largura e a altura exatas em pixels, além de controlar os raios interno e externo para ajustar a densidade visual.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/multi-level-pie-chart-generator

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartTitle text Não Título que será exibido acima do gráfico
hierarchicalData textarea Sim Dados hierárquicos como objeto JSON aninhado com valores numéricos nos nós folha
innerRadius number Não Raio do círculo mais interno em pixels
outerRadius number Não Raio do círculo mais externo em pixels
colorScheme select Não -
startAngle number Não Ângulo inicial em graus (0-360)
endAngle number Não Ângulo final em graus (0-360)
maxDepth number Não Número máximo de níveis para exibir
centerLabel text Não Texto para exibir no centro do gráfico
strokeWidth number Não Largura das bordas entre segmentos em pixels
showLabels checkbox Não Exibir rótulos de segmentos
showValues checkbox Não Exibir valores de segmentos
showPercentages checkbox Não Exibir valores percentuais
enableDrillDown checkbox Não Habilitar funcionalidade de drill-down interativa
fontSize number Não Tamanho da fonte para rótulos e valores
titleSize number Não Tamanho da fonte para o título do gráfico
fontFamily text Não Família da fonte para elementos de texto
chartWidth number Não Largura do gráfico em pixels
chartHeight number Não Altura do gráfico em pixels
backgroundColor color Não Cor de fundo do gráfico
animationEnabled checkbox Não Animar o gráfico quando carregar
animationDuration number Não Duração da animação em milissegundos

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-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "Criar gráficos circulares multiníveis concêntricos com relações hierárquicas e funcionalidade de drill-down interativa",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-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]