Generador de gráficos circulares
Importa un CSV de dos columnas y obtén un gráfico circular. Colorea cada porción automáticamente, exporta a PNG y todo el procesamiento ocurre en tu navegador.
Cómo usar
- 1 Pega datos de dos columnas: etiqueta y valor. Cada fila se convertirá en una porción del gráfico.
- 2 Activa o desactiva la leyenda si tus etiquetas son demasiado largas.
- 3 Descarga el gráfico como imagen PNG.
Por qué usar esta herramienta
- CSV de dos columnas: mantiene los datos simples y fáciles de ingresar.
- Colorea las porciones automáticamente con una paleta seleccionada de 10 colores.
- Chart.js se carga de forma diferida (lazy load), lo que mantiene ligera la carga inicial.
- Renderizado totalmente del lado del cliente: tus datos nunca se suben a ningún servidor.
Preguntas frecuentes
¿Los porcentajes deben sumar 100?
No necesariamente: Chart.js mostrará los valores brutos en proporción al total.
¿Quieres un gráfico con el centro hueco?
Usa el <a class="underline" href="/doughnut-chart-maker">Doughnut Chart Maker</a>: mismo formato de datos de entrada, pero con diseño de anillo.
¿Necesitas dibujar una línea de tendencia?
Prueba el <a class="underline" href="/line-chart-maker">Line Chart Maker</a>.
¿Qué es Generador de gráficos circulares?
El Generador de gráficos circulares (Pie Chart Maker) es una herramienta que convierte datos CSV de dos columnas en un gráfico circular directamente en el navegador. La herramienta divide un círculo en porciones proporcionales, donde cada fila de datos se convierte en una porción, y asigna un color automáticamente a cada una. El gráfico resultante puede exportarse como imagen PNG; todo el renderizado se realiza en el cliente y ningún dato se envía a un servidor.
Características
Asignación de CSV a porciones
Cada fila de datos se convierte en una porción del gráfico circular: la primera columna es la etiqueta y la segunda es el valor. Chart.js normaliza automáticamente los valores como proporciones del total, por lo que tus números no necesitan sumar 100.
Porciones coloreadas automáticamente
Las porciones se colorean en orden a partir de una paleta fija de 10 colores; si un CSV tiene más de 10 filas, los colores se repiten desde el inicio de la paleta.
Análisis de CSV según RFC 4180
Un analizador integrado gestiona campos entre comillas, comas incrustadas y saltos de línea CRLF/LF conforme a RFC 4180, con detección automática del delimitador (coma, punto y coma o tabulación).
Solo en el cliente, exportación a PNG
Chart.js se carga de forma diferida (lazy-load) y el renderizado ocurre por completo en la pestaña del navegador; no se envía nada a un servidor. Usa Download PNG para exportar el canvas actual como una imagen PNG sin pérdida.
Ejemplo
Input
Browser,Share
Chrome,63
Safari,19
Edge,5
Firefox,3
Other,10Output
pie-chart-maker.png — 5 slices sized by value (63/19/5/3/10, not required to sum to 100), colored from the 10-color palette in row order, exported at the canvas's current rendered pixel size via toDataURL('image/png')Casos de uso comunes
-
1
Desgloses de cuota de mercado
Pega datos de cuota de navegadores o plataformas (por ejemplo, Chrome, Safari, Edge) para visualizar al instante las proporciones relativas en un informe o una diapositiva.
-
2
Asignación de presupuesto y costos
Convierte una exportación de hoja de cálculo con categorías de gastos e importes en un gráfico circular para una revisión de presupuesto o una actualización a las partes interesadas.
-
3
Composición de encuestas y fuentes de tráfico
Visualiza cómo se distribuyen los encuestados o visitantes entre categorías (Organic, Direct, Referral, Social) sin necesidad de abrir una aplicación de hojas de cálculo.
Pie Chart Maker convierte datos CSV de dos columnas (etiqueta, valor) en un gráfico circular usando Chart.js 4, donde cada fila del CSV se convierte en una porción coloreada a partir de una paleta fija de 10 colores. El gráfico se renderiza en vivo en el navegador mientras escribes y se puede exportar como PNG mediante la API toDataURL del canvas. Tanto el análisis del CSV como el renderizado ocurren íntegramente en tu navegador — no se sube ningún dato a un servidor.
- Categoría
- Creador
- Precio
- Gratis
- Privacidad
- Basado en el navegador
- Registro
- No necesario
Referencias
- Chart.js — Gráfico de dona y circular — Chart.js
- Chart.js — Colores — Chart.js
- Método HTMLCanvasElement: toDataURL() — MDN Web Docs
- RFC 4180 — Formato común y tipo MIME para archivos de valores separados por comas (CSV) — IETF
Privacidad
Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Generador de gráficos circulares 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.