Generador de gráficos de dona
Crea gráficos de dona a partir de CSV — perfecto para diapositivas de KPI con el centro hueco. Exporta a PNG, sin subir archivos.
Cómo usar
- 1 Pega un CSV de dos columnas: etiqueta y valor.
- 2 Activa o desactiva la leyenda según el diseño que necesites.
- 3 Descarga el gráfico de dona en formato PNG.
Por qué usar esta herramienta
- Formato de dona — los mismos datos que un gráfico circular, pero con un centro despejado para colocar KPI en tus diapositivas.
- Chart.js solo se carga cuando hace falta.
- Admite celdas de CSV entre comillas.
- Procesamiento totalmente en el navegador (client-side) — tus datos nunca salen de tu dispositivo.
Preguntas frecuentes
¿En qué se diferencia de un gráfico circular?
Visualmente es un anillo en lugar de un círculo relleno. Los datos y los cálculos son exactamente los mismos — consulta el <a class="underline" href="/pie-chart-maker">Generador de gráficos circulares</a>.
¿Puedo poner una etiqueta en el centro?
Descarga el archivo PNG y añade tu KPI en la herramienta de presentaciones que uses — así esta herramienta evita depender de librerías adicionales.
¿Por qué la leyenda no muestra el valor de cada segmento?
Pasa el cursor sobre cada segmento en la vista previa en vivo para ver su valor — el PNG exportado mantiene un diseño limpio por defecto.
¿Qué es Generador de gráficos de dona?
El Generador de gráficos de dona (Doughnut Chart Maker) es una herramienta para crear gráficos de dona a partir de datos CSV directamente en el navegador. La herramienta muestra las proporciones sobre un anillo con el centro hueco, un formato ideal para paneles de KPI. El gráfico se puede exportar como imagen PNG, y todo el procesamiento ocurre en el navegador (client-side), sin necesidad de subir ningún archivo.
Características
Renderizado de gráficos de anillo a partir de CSV
Lee la primera fila como encabezados y las dos primeras columnas como pares de etiqueta/valor, dibujando un segmento del anillo por cada fila de datos con el tipo de gráfico doughnut de Chart.js.
Coloreado automático de segmentos
A cada fila se le asigna un color de una paleta fija de 10 tonos (que se repite según el índice de la fila) con un borde blanco de 1px entre segmentos, de modo que los gráficos se mantengan legibles sin necesidad de elegir colores manualmente.
Exportación a PNG con un clic
El botón de descarga llama a canvas.toDataURL('image/png') sobre el gráfico renderizado e inicia una descarga en el navegador con el nombre doughnut-chart-maker.png — la imagen exportada refleja exactamente lo que se ve en pantalla, incluido el estado de activación de la leyenda.
Solo en el cliente, con soporte de CSV entre comillas
Chart.js se importa dinámicamente en el navegador y el analizador de CSV maneja el uso de comillas según RFC 4180 (campos entre comillas, comas incrustadas, comillas escapadas); los datos pegados nunca salen del dispositivo — no hay carga ni procesamiento en el servidor.
Ejemplo
Input
Source,Users
Organic,420
Direct,310
Referral,180
Social,140
Email,90Output
doughnut-chart-maker.png — canvas-resolution PNG (matches the on-screen preview element size), 5 colored ring segments sized proportionally to 420/310/180/140/90, white 1px segment borders, legend shown above the chart if the 'Show legend' toggle is onCasos de uso comunes
-
1
Diapositivas de KPI con un anillo para superponer una etiqueta central
Exporta un PNG del gráfico de anillo con el desglose de una métrica (por ejemplo, la participación por fuente de tráfico) y superpone una cifra destacada en el centro hueco dentro de un editor de diapositivas, ya que la herramienta en sí no renderiza texto central.
-
2
Visualización rápida de proporciones por categoría
Pega un CSV de dos columnas con categoría y valor (por ejemplo, conteos de respuestas de encuestas, partidas de presupuesto) para ver al instante la proporción como segmentos del anillo sin necesidad de abrir una hoja de cálculo.
-
3
Reutilización de exportaciones de hojas de cálculo sin reformatear
Pega filas de CSV copiadas directamente desde Excel o Google Sheets, incluidos campos entre comillas con comas incrustadas, ya que el analizador RFC 4180 integrado gestiona automáticamente las comillas y la detección del delimitador.
Doughnut Chart Maker genera un gráfico de anillo (doughnut chart) con Chart.js 4 a partir de datos CSV de dos columnas pegados por el usuario (etiqueta, valor), usando la primera columna como etiquetas de cada segmento y la segunda como valores, con un color asignado por fila a partir de una paleta fija de 10 colores. El CSV se analiza en el propio navegador mediante un analizador compatible con RFC 4180, Chart.js se carga de forma diferida (lazy-loaded) bajo demanda, y el gráfico final se exporta como PNG mediante el método toDataURL del canvas — ningún dato se sube a un servidor.
- Categoría
- Creador
- Precio
- Gratis
- Privacidad
- Basado en el navegador
- Registro
- No necesario
Referencias
Privacidad
Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Generador de gráficos de dona funciona completamente del lado del cliente — sin subida a servidor, sin registro de actividad, sin seguimiento de tu contenido.
Herramientas relacionadas
Descargador de Miniaturas de YouTube
Descarga la miniatura de cualquier video de YouTube en todas las resoluciones disponibles. Solo tienes que pegar la URL del video.
Abrir herramientaVista previa de Open Graph
Comprueba cómo se verá tu URL al compartirla en redes sociales. Previsualiza la tarjeta de contenido compartido en Facebook, Twitter, LinkedIn y Slack.
Abrir herramientaContador de palabras y caracteres
Cuenta palabras, caracteres, oraciones y párrafos. Tiempo de lectura, tiempo de habla y palabras clave destacadas — al instante.
Abrir herramientaGenerador de Lorem Ipsum
Genera texto de relleno Lorem Ipsum — por párrafos, frases o palabras. Con opción de envoltura HTML.
Abrir herramientaCrea, comparte y crece en Zerethon Social
Registro gratuito. Gana puntos, colecciona logros y conecta con creadores de todo el mundo.