Categorías

Generador de Gráfico de Dona

Generar gráficos de dona personalizables desde datos con varias opciones de estilo, perfecto para mostrar proporciones con espacio central

Datos para el gráfico de dona. Soporta array JSON o formato de texto simple etiqueta:valor

Título que se mostrará encima del gráfico

Texto para mostrar en el centro de la dona (al mostrar total)

Tamaño del gráfico cuadrado en píxeles

Radio interno de la dona en píxeles (deje vacío para auto)

Radio externo de la dona en píxeles (deje vacío para auto)

Ángulo de inicio en grados (0 = arriba, 90 = derecha)

Color de fondo para el contenedor del gráfico

Mostrar porcentajes en las porciones del gráfico

Mostrar una leyenda debajo del gráfico

Mostrar etiquetas o porcentajes directamente en las porciones de la dona

Mostrar el valor total en el centro de la dona

Separar porciones entre sí para énfasis

Datos clave

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

Resumen

El Generador de Gráfico de Dona es una herramienta intuitiva diseñada para transformar conjuntos de datos en representaciones visuales claras y profesionales, ideales para comparar proporciones y porcentajes con un diseño moderno de anillo.

Cuándo usarlo

  • Cuando necesites visualizar la distribución de partes respecto a un todo de forma elegante.
  • Para presentaciones de informes donde el espacio central del gráfico permite añadir etiquetas o totales.
  • Al buscar una alternativa visualmente más limpia que el gráfico circular tradicional para comparar categorías.

Cómo funciona

  • Ingresa tus datos en formato JSON o mediante el formato simple etiqueta:valor.
  • Personaliza el estilo ajustando el esquema de colores, el tamaño del gráfico y los radios interno y externo.
  • Activa opciones adicionales como mostrar porcentajes, leyendas o el valor total en el centro para mayor claridad.
  • Genera el gráfico al instante y obtén una visualización lista para integrar en tus documentos o informes.

Casos de uso

Visualización de cuotas de mercado o distribución de ventas por producto.
Representación de presupuestos asignados a diferentes departamentos o categorías de gastos.
Resumen de resultados de encuestas donde se requiere mostrar la proporción de respuestas por opción.

Ejemplos

1. Distribución de Ventas Trimestrales

Analista de Negocios
Contexto
El analista necesita presentar la participación de mercado de cuatro líneas de productos diferentes ante la gerencia.
Problema
Los datos en bruto son difíciles de interpretar rápidamente durante una reunión ejecutiva.
Cómo usarlo
Ingresar los datos de ventas, seleccionar el esquema 'business' y activar la opción de mostrar porcentajes.
Configuración de ejemplo
[{"label": "Producto A", "value": 35}, {"label": "Producto B", "value": 25}, {"label": "Producto C", "value": 20}, {"label": "Producto D", "value": 20}]
Resultado
Un gráfico de dona profesional que muestra claramente la cuota de cada producto con sus respectivos porcentajes.

2. Resumen de Gastos Mensuales

Usuario doméstico
Contexto
Un usuario desea visualizar en qué categorías gasta más dinero cada mes para mejorar su ahorro.
Problema
Necesita una forma rápida de ver qué porcentaje de sus ingresos se destina a vivienda, comida y ocio.
Cómo usarlo
Usar el formato de texto simple, activar 'Mostrar Total en Centro' y configurar el radio interno para un diseño estilizado.
Configuración de ejemplo
Vivienda:1200
Comida:400
Ocio:200
Transporte:150
Resultado
Un gráfico claro con el total de gastos en el centro, permitiendo identificar rápidamente las áreas de mayor consumo.

Probar con muestras

json, text

Hubs relacionados

Preguntas frecuentes

¿Qué formatos de datos acepta la herramienta?

Acepta arrays en formato JSON o una lista simple de texto con el formato 'etiqueta:valor' por línea.

¿Puedo personalizar los colores del gráfico?

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

¿Es posible mostrar el total en el centro?

Sí, activando la opción 'Mostrar Total en Centro' y configurando el texto deseado.

¿Puedo ajustar el tamaño del gráfico?

Sí, puedes definir el tamaño del contenedor en píxeles, con un rango permitido entre 200 y 800 píxeles.

¿Cómo destaco una porción específica?

Puedes utilizar la opción 'Separar Porciones' para crear un efecto de explosión que resalte cada sección del gráfico.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Datos para el gráfico de dona. Soporta array JSON o formato de texto simple etiqueta:valor
chartTitle text No Título que se mostrará encima del gráfico
colorScheme select No -
centerText text No Texto para mostrar en el centro de la dona (al mostrar total)
chartSize number No Tamaño del gráfico cuadrado en píxeles
innerRadius number No Radio interno de la dona en píxeles (deje vacío para auto)
outerRadius number No Radio externo de la dona en píxeles (deje vacío para auto)
startAngle number No Ángulo de inicio en grados (0 = arriba, 90 = derecha)
backgroundColor color No Color de fondo para el contenedor del gráfico
showPercentage checkbox No Mostrar porcentajes en las porciones del gráfico
showLegend checkbox No Mostrar una leyenda debajo del gráfico
showLabels checkbox No Mostrar etiquetas o porcentajes directamente en las porciones de la dona
showTotalInCenter checkbox No Mostrar el valor total en el centro de la dona
explodeSlices checkbox No Separar porciones entre sí para énfasis

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-donut-chart-generator": {
      "name": "donut-chart-generator",
      "description": "Generar gráficos de dona personalizables desde datos con varias opciones de estilo, perfecto para mostrar proporciones con espacio central",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=donut-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]