Categorias

Gerador de Gráfico de Donut

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

Dados para o gráfico de donut. Suporta array JSON ou formato de texto simples etiqueta:valor

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

Texto para exibir no centro do donut (ao mostrar total)

Tamanho do gráfico quadrado em pixels

Raio interno do donut em pixels (deixe vazio para auto)

Raio externo do donut em pixels (deixe vazio para auto)

Ângulo de início em graus (0 = topo, 90 = direita)

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

Exibir porcentagens nas fatias do gráfico

Exibir uma legenda abaixo do gráfico

Exibir rótulos ou porcentagens diretamente nas fatias do donut

Exibir o valor total no centro do donut

Separar fatias umas das outras para ênfase

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 Donut permite criar visualizações de dados elegantes e personalizáveis, ideais para representar proporções e porcentagens de forma clara com um design moderno de anel.

Quando usar

  • Quando você precisa comparar partes de um todo e deseja um visual mais moderno que o gráfico de pizza tradicional.
  • Ao criar relatórios ou apresentações que exigem destaque para a distribuição de categorias em um conjunto de dados.
  • Para exibir métricas de desempenho ou progresso onde o espaço central do gráfico pode ser aproveitado para exibir o valor total.

Como funciona

  • Insira seus dados no formato JSON ou no formato simples 'etiqueta:valor'.
  • Personalize o estilo do gráfico ajustando o esquema de cores, o tamanho e a espessura dos raios interno e externo.
  • Ative opções adicionais como exibição de porcentagens, legendas, rótulos nas fatias ou o valor total no centro.
  • Gere o gráfico instantaneamente e utilize a visualização final para seus documentos ou relatórios.

Casos de uso

Visualização de market share ou distribuição de vendas por categoria de produto.
Exibição de alocação de orçamento ou gastos mensais em relatórios financeiros.
Apresentação de resultados de pesquisas de opinião ou feedback de clientes.

Exemplos

1. Distribuição de Vendas por Categoria

Analista de Marketing
Contexto
O analista precisa apresentar a participação de mercado de quatro linhas de produtos diferentes em uma reunião trimestral.
Problema
Transformar dados brutos de vendas em uma visualização profissional que destaque a fatia principal.
Como usar
Inserir os dados de vendas, selecionar o esquema de cores 'Negócios' e ativar a exibição de porcentagens.
Configuração de exemplo
[{"label": "Eletrônicos", "value": 45}, {"label": "Vestuário", "value": 25}, {"label": "Casa", "value": 20}, {"label": "Outros", "value": 10}]
Resultado
Um gráfico de donut claro e profissional que permite identificar rapidamente que Eletrônicos representam quase metade das vendas.

2. Resumo de Orçamento Mensal

Gestor Financeiro
Contexto
O gestor deseja mostrar como o orçamento de TI foi distribuído entre infraestrutura, software e pessoal.
Problema
Criar um gráfico que mostre o total gasto no centro para facilitar a leitura rápida do valor investido.
Como usar
Configurar os dados, ativar 'Mostrar Total no Centro' e definir o texto central como 'Total: R$ 50k'.
Configuração de exemplo
Infraestrutura:25000
Software:15000
Pessoal:10000
Resultado
Um gráfico de donut com o valor total de R$ 50k centralizado, facilitando a compreensão imediata da alocação de recursos.

Testar com amostras

json, text

Hubs relacionados

FAQ

Quais formatos de dados são aceitos?

A ferramenta aceita arrays JSON (ex: [{"label": "A", "value": 10}]) ou o formato de texto simples "etiqueta:valor" linha a linha.

Posso alterar as cores do gráfico?

Sim, você pode escolher entre diversos esquemas de cores pré-definidos, como 'Vibrante', 'Pastel', 'Negócios', entre outros.

É possível exibir o valor total no centro?

Sim, basta marcar a opção 'Mostrar Total no Centro' e definir o texto que deseja exibir no campo 'Texto Central'.

Como posso destacar uma fatia específica?

Você pode utilizar a opção 'Explodir Fatias' para separar as partes do gráfico, criando um efeito de destaque visual para cada categoria.

O gráfico é responsivo?

Você pode definir o tamanho exato do gráfico em pixels (de 200 a 800px) para garantir que ele se ajuste perfeitamente ao seu layout.

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados para o gráfico de donut. Suporta array JSON ou formato de texto simples etiqueta:valor
chartTitle text Não Título que será exibido acima do gráfico
colorScheme select Não -
centerText text Não Texto para exibir no centro do donut (ao mostrar total)
chartSize number Não Tamanho do gráfico quadrado em pixels
innerRadius number Não Raio interno do donut em pixels (deixe vazio para auto)
outerRadius number Não Raio externo do donut em pixels (deixe vazio para auto)
startAngle number Não Ângulo de início em graus (0 = topo, 90 = direita)
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showPercentage checkbox Não Exibir porcentagens nas fatias do gráfico
showLegend checkbox Não Exibir uma legenda abaixo do gráfico
showLabels checkbox Não Exibir rótulos ou porcentagens diretamente nas fatias do donut
showTotalInCenter checkbox Não Exibir o valor total no centro do donut
explodeSlices checkbox Não Separar fatias umas das outras para ênfase

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-donut-chart-generator": {
      "name": "donut-chart-generator",
      "description": "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",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=donut-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]