Categorías

← 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

Datos clave

Categoría
Data Visualization
Tipos de entrada
textarea, text, select, color, number, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

Crea gráficos de sectores (pie charts) profesionales y personalizados de forma rápida a partir de tus datos. Esta herramienta te permite transformar listas de valores o archivos JSON en visualizaciones claras y atractivas, ideales para presentaciones, informes o análisis de datos rápidos.

Cuándo usarlo

  • •Cuando necesitas visualizar la distribución porcentual de un conjunto de datos.
  • •Para crear gráficos rápidos sin necesidad de software de diseño complejo.
  • •Al preparar informes donde la comparación de partes respecto a un todo es fundamental.

Cómo funciona

  • •Introduce tus datos en formato JSON o mediante pares de etiqueta:valor.
  • •Personaliza el estilo ajustando el esquema de colores, el tamaño y el radio interior para crear gráficos de anillo.
  • •Configura las opciones de visualización, como mostrar etiquetas, porcentajes o la leyenda.
  • •Genera el gráfico y obtén una representación visual lista para usar.

Casos de uso

Visualización de cuotas de mercado o distribución de ventas por categoría.
Representación de resultados de encuestas para mostrar la opinión de los usuarios.
Creación de gráficos de presupuesto para mostrar la asignación de gastos.

Ejemplos

1. Distribución de Gastos Mensuales

Analista financiero
Contexto
Necesito presentar un resumen de los gastos operativos del mes a mi equipo de forma visual.
Problema
Los datos en formato de lista son difíciles de interpretar rápidamente durante una reunión.
Cómo usarlo
Ingreso los datos de gastos, selecciono el esquema 'pastel' para una apariencia profesional y ajusto el radio interior a 50 para crear un gráfico de anillo.
Configuración de ejemplo
chartData: [{"label": "Alquiler", "value": 1200}, {"label": "Servicios", "value": 300}, {"label": "Marketing", "value": 500}]; innerRadius: 50; colorScheme: pastel
Resultado
Un gráfico de anillo limpio y estético que muestra claramente la proporción de cada gasto.

2. Resultados de Encuesta de Satisfacción

Gerente de producto
Contexto
He recopilado respuestas sobre la satisfacción del usuario con nuestra última actualización.
Problema
Quiero mostrar qué porcentaje de usuarios está 'Muy satisfecho' frente a 'Insatisfecho' en un informe.
Cómo usarlo
Pego los datos de la encuesta, activo 'Show Percentage' y 'Show Legend' para asegurar que los datos sean fáciles de leer.
Configuración de ejemplo
chartData: Muy satisfecho:45, Satisfecho:30, Neutral:15, Insatisfecho:10; showPercentage: true; showLegend: true
Resultado
Un gráfico de sectores claro con porcentajes integrados que facilita la toma de decisiones basada en datos.

Probar con muestras

json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Ejemplos D3.js Data Visualization
Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
preferred input family json
json
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Muestras de Comunicación en Tiempo Real WebRTC
Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización
preferred input family json
json

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de datos acepta la herramienta?

Puedes ingresar los datos como un array JSON o mediante el formato simple etiqueta:valor (ej. Ventas:100).

¿Puedo crear gráficos de anillo?

Sí, ajustando el valor de 'Inner Radius' puedes convertir un gráfico de sectores estándar en un gráfico de anillo.

¿Es posible cambiar los colores del gráfico?

Sí, puedes elegir entre varios esquemas predefinidos como cálidos, fríos, pastel o vibrantes.

¿Puedo ocultar los porcentajes o etiquetas?

Sí, puedes activar o desactivar la visualización de porcentajes, etiquetas y la leyenda mediante las casillas de verificación.

¿Qué tamaño tienen los gráficos generados?

El tamaño es personalizable entre 200 y 800 píxeles para adaptarse a tus necesidades de diseño.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

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

Formato de respuesta

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

Documentación de MCP

Agregue este herramienta a su configuración 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"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]