Categorias

← View All Tools

Pie Chart Generator

Generate customizable pie charts from data with various styling options

Data for the chart. Can be JSON array or simple label:value pairs

Title that will be displayed above the chart

Background color for the chart container

Size of the chart in pixels (width and height)

Inner radius for donut chart (0 for pie chart)

Starting angle in degrees (0-360)

Display percentage values on pie slices

Display labels on pie slices

Display a legend with all items

Fatos principais

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

Visão geral

O Gerador de Gráficos de Pizza permite criar visualizações de dados personalizadas e profissionais a partir de entradas simples, oferecendo controle total sobre o estilo, cores e formato do gráfico.

Quando usar

  • •Para visualizar a distribuição de partes em relação a um todo em relatórios.
  • •Ao precisar converter rapidamente dados brutos em gráficos de fácil compreensão.
  • •Para criar gráficos de rosca ou pizza personalizados para apresentações ou sites.

Como funciona

  • •Insira seus dados no formato JSON ou no padrão 'rótulo:valor'.
  • •Ajuste as configurações visuais, como esquema de cores, tamanho e raio interno.
  • •Ative ou desative elementos como legendas, porcentagens e rótulos nas fatias.
  • •Gere o gráfico instantaneamente para visualizar ou exportar o resultado.

Casos de uso

Resumo de despesas mensais para controle financeiro pessoal.
Exibição de participação de mercado por categoria de produto.
Visualização de resultados de pesquisas de opinião ou enquetes.

Exemplos

1. Distribuição de Orçamento Mensal

Analista Financeiro
Contexto
Preciso apresentar como o orçamento de um departamento foi dividido entre diferentes áreas.
Problema
Transformar uma lista de gastos em um gráfico visual claro para uma reunião.
Como usar
Colei os dados de gastos, selecionei o esquema 'Pastel' e ativei a exibição de porcentagem.
Configuração de exemplo
{"chartData": "Marketing: 5000\nTI: 3000\nRH: 2000", "colorScheme": "pastel", "showPercentage": true}
Resultado
Um gráfico de pizza elegante com cores suaves, mostrando a fatia de cada departamento e sua respectiva porcentagem.

2. Gráfico de Rosca para Pesquisa

Pesquisador de Mercado
Contexto
Realizei uma pesquisa sobre a preferência de marcas e preciso de um gráfico moderno.
Problema
Criar um gráfico de rosca que destaque as preferências sem ocupar muito espaço.
Como usar
Defini o 'Inner Radius' para 100 e escolhi o esquema 'Vibrant'.
Configuração de exemplo
{"chartData": "Marca A: 45\nMarca B: 30\nMarca C: 25", "innerRadius": 100, "colorScheme": "vibrant"}
Resultado
Um gráfico de rosca vibrante que facilita a comparação visual entre as três marcas pesquisadas.

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 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
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
preferred input family json
json

Hubs relacionados

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 Generate
Explore 33 ferramentas de json para fluxos de generate 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

Quais formatos de dados são aceitos?

Você pode inserir dados como um array JSON ou no formato simples 'rótulo:valor' (ex: Vendas: 100).

É possível criar um gráfico de rosca?

Sim, basta ajustar o valor do 'Raio Interno' (Inner Radius) para um valor maior que zero.

Posso alterar as cores do gráfico?

Sim, oferecemos vários esquemas de cores predefinidos, como tons quentes, frios, pastéis e vibrantes.

O gráfico exibe as porcentagens automaticamente?

Sim, você pode habilitar a opção 'Mostrar Porcentagem nas Fatias' para exibir os valores calculados automaticamente.

Qual é o tamanho máximo do gráfico?

O tamanho do gráfico pode ser definido entre 200 e 800 pixels para se adequar ao seu layout.

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Data for the chart. Can be JSON array or simple label:value pairs
chartTitle text Não Title that will be displayed above the chart
colorScheme select Não -
backgroundColor color Não Background color for the chart container
chartSize number Não Size of the chart in pixels (width and height)
innerRadius number Não Inner radius for donut chart (0 for pie chart)
startAngle number Não Starting angle in degrees (0-360)
showPercentage checkbox Não Display percentage values on pie slices
showLabels checkbox Não Display labels on pie slices
showLegend checkbox Não Display a legend with all items

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-pie-chart-generator": {
      "name": "pie-chart-generator",
      "description": "Generate customizable pie charts from data with various styling options",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=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]