Creador de gráficos circulares
Datos del gráfico
Convierte un pequeño conjunto de datos categóricos en un gráfico circular o de anillo claro sin subir una hoja de cálculo. Introduce filas con etiqueta y valor o pega datos CSV o separados por tabulaciones; después elige los colores, las etiquetas, la posición de la leyenda y el ángulo inicial. La vista previa incluye un resumen textual y una tabla de datos accesible, mientras que los archivos se generan localmente como PNG de 1200 × 800 o SVG escalable. Los gráficos circulares funcionan mejor con pocos componentes no negativos que formen un todo con sentido.
Cómo crear un gráfico circular
-
1
Introduce las categorías
Añade filas con etiqueta y valor o pega datos de dos columnas en CSV o separados por tabulaciones.
-
2
Elige la presentación
Selecciona gráfico circular o de anillo, paleta, etiquetas de sectores, posición de la leyenda, orden y ángulo inicial.
-
3
Comprueba el resultado accesible
Revisa el gráfico, su alternativa textual y los valores y porcentajes exactos de la tabla.
-
4
Exporta el gráfico
Descarga un PNG de 1200 × 800 o un SVG escalable, o copia los datos de origen como CSV.
Qué representa un gráfico circular
Un gráfico circular convierte cada valor positivo en un ángulo de un círculo de 360°. Si una categoría tiene el valor v y la suma de todos los valores mostrados es T, su ángulo central es 360 × v / T y su porcentaje visible es 100 × v / T. Un gráfico de anillo utiliza las mismas proporciones y deja libre el centro; no cambia la comparación subyacente.
| Categoría | Valor | Porcentaje | Ángulo del sector |
|---|---|---|---|
| Producto | 45 | 45 % | 162° |
| Servicios | 30 | 30 % | 108° |
| Asistencia | 25 | 25 % | 90° |
En este ejemplo, el total es 100. Por tanto, Producto ocupa 45 / 100 × 360 = 162°. La herramienta admite valores cero, pero los omite del círculo visible. Rechaza valores negativos, ausentes o no finitos porque no definen componentes normales de un todo, y exige que al menos un valor sea positivo.
Cuándo conviene usar otro gráfico
Los gráficos circulares se leen mejor cuando contienen pocos sectores de tamaños claramente diferentes. Un gráfico de barras suele ser mejor si los valores son parecidos, hay muchas categorías, importa comparar con precisión o las categorías no forman partes de un único total. Para mostrar cambios a lo largo del tiempo, resulta más apropiado un gráfico de líneas. Evita porcentajes que se solapen o contabilicen dos veces lo mismo: un círculo bien dibujado no puede corregir un total inválido.
Color, etiquetas y accesibilidad
El significado no debe depender solo del color. Conserva la leyenda o las etiquetas visibles de los sectores, revisa la tabla complementaria y usa la paleta apta para personas con daltonismo si vas a compartir el gráfico ampliamente. Es posible que los sectores muy pequeños no tengan espacio para texto; su etiqueta, valor y porcentaje exactos seguirán disponibles en la leyenda y la tabla de datos. SVG es útil para editar y obtener impresiones nítidas. PNG es una imagen fija de 1200 × 800 adecuada para presentaciones, documentos y publicaciones en redes sociales.
El gráfico se genera mediante las API SVG y Canvas del navegador. No se envían datos a ningún servicio externo de gráficos. El avance del asistente se guarda temporalmente en el almacenamiento de sesión de esta pestaña y se puede borrar empezando de nuevo o cerrando la pestaña.
Para ampliar la información, consulta los consejos de Datawrapper para crear gráficos circulares con pocas partes, el tutorial del W3C sobre tablas de datos accesibles y la referencia de MDN para describir gráficos SVG mediante <desc>.
Preguntas frecuentes
Sí. Copia dos columnas con etiquetas y valores y pégalas en el importador. Se admiten filas de hoja de cálculo separadas por tabulaciones, CSV separado por comas y filas separadas por punto y coma, incluidas etiquetas CSV entre comillas. Si los decimales llevan coma, utiliza punto y coma como delimitador.
El cero no tiene superficie angular, así que se acepta pero no aparece en el círculo. Los valores negativos no pueden representar un sector normal de un todo y se rechazan. Al menos una categoría debe ser mayor que cero.
Ambos codifican las proporciones de la misma forma. Elige el circular para una representación directa de las partes respecto al total y el de anillo si resulta útil mostrar el total en el centro. Si importa más comparar con exactitud, usa un gráfico de barras.
El SVG generado incluye un resumen textual y cada sector tiene una descripción en texto. La página también ofrece una tabla convencional con todas las etiquetas, valores y porcentajes mostrados. Al publicar el gráfico en otro lugar, conserva la tabla o una descripción textual equivalente.
No. Las filas, el título y los ajustes de diseño permanecen en tu navegador. Durante el flujo de varios pasos solo se guardan en el almacenamiento de sesión de esta pestaña; el PNG y el SVG se renderizan localmente y ningún dato se añade a la URL.
Herramientas relacionadas
Comprimir GIF
Reduce el tamaño de un GIF animado en el navegador: baja dimensiones, conserva menos fotogramas y ajusta la calidad de codificación. Previsualiza el bucle antes de descargar.
WebP a PNG
Convierte imágenes WebP a PNG manteniendo la transparencia y la calidad píxel a píxel para edición, impresión y herramientas de diseño antiguas.
Vectorizador de PNG a SVG
Convierte imágenes raster PNG en rutas SVG desde el navegador. Ideal para logotipos, iconos y arte lineal. Controla el umbral, el número de colores y el suavizado.
Generador de códigos QR
Genera un código QR localmente en el navegador a partir de una URL, texto plano o una carga QR correctamente formateada, y descárgalo como PNG.
Generador de Códigos de Barras
Crea códigos de barras 1D escaneables en Código 128, Código 39, EAN-13, UPC-A, ITF-14 y Codabar. Exporta como PNG, SVG o PDF para impresión.
WebP a JPG
Convierte imágenes WebP a JPG/JPEG directamente en el navegador. Elige la calidad, aplana la transparencia sobre un color de fondo y descarga sin subir archivos.