Blog
Gráficos a partir de datos

CSV a gráfico de anillo online

Un anillo es un gráfico circular con el centro recortado. Ese agujero no es decoración: elimina la parte del disco donde los sectores son más finos y menos informativos, y libera el centro para el número que más importa, el total.

Tus datos no salen de este dispositivo

Tus datos

Pega una tabla directamente desde Excel o Google Sheets, o suelta un archivo CSV. No se sube nada: todo el cálculo ocurre dentro de esta pestaña del navegador.

CSV, TSV o texto plano. Los archivos guardados en windows-1251 se detectan y se releen automáticamente, así los encabezados no se convierten en caracteres raros.

Opciones de lectura

Columnas

Resultado

La biblioteca de dibujo se descarga solo al pulsar el botón y solo en esta página.

Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.

Datos y límites del método

Ideal para Un total dividido en unas pocas partes, mostrado una sola vez
Límite de sectores Doce; lo que sobra se agrupa automáticamente en un sector «Otros»
Cantidad ideal de 2 a 6 sectores
Valores negativos Se ignoran: una proporción de un todo no puede ser negativa
Agujero central 58 % del radio, dejando el centro libre para el total
Orden Los sectores se ordenan de mayor a menor, el único orden que un lector puede seguir
Salida PNG a doble escala, más CSV y JSON con valores y porcentajes

Cuándo induce a error

Cómo se calcula

La construcción es idéntica a la del gráfico circular: mismo orden, mismo techo de doce sectores con agrupación automática en «Otros», mismo tratamiento de valores vacíos y negativos. La única diferencia es el recorte, fijado en el 58 % del radio.

Ese 58 % está elegido para que el anillo siga siendo bastante grueso para llevar color y bastante fino para dejar un agujero aprovechable. Mucho más fino y los sectores pequeños se vuelven astillas; mucho más grueso y es un circular con un punto en medio.

El total aparece sobre el gráfico y no dentro del agujero. El texto dibujado dentro de un canvas no se puede seleccionar, traducir ni leer con un lector de pantalla, así que vive en la página: el agujero se queda vacío y el número se queda útil.

Los porcentajes de la exportación se calculan sobre la suma de los sectores dibujados, que tras la agrupación sigue siendo el total completo: el sector «Otros» lleva la suma de todo lo que se fusionó en él.

Preguntas y respuestas

¿El anillo es mejor o peor que el circular?

Prácticamente equivalente. El agujero hace el gráfico algo más compacto y te da dónde poner el total. Ninguno es tan preciso como un gráfico de barras cuando hay que comparar partes con exactitud.

¿Puedo poner texto en el centro?

En el lienzo no, deliberadamente. El texto dibujado dentro de la imagen de un gráfico no se puede copiar, traducir ni leer en voz alta con tecnología de apoyo. El total se imprime sobre el gráfico, donde sigue siendo texto real.

¿Cuántos sectores antes de que deje de funcionar?

Los mismos doce que el circular, y hasta eso es generoso. Entre dos y seis es donde el formato realmente comunica.

¿Por qué no aparece mi categoría más pequeña?

O era cero o estaba vacía y se omitió, o se agrupó en «Otros» junto con el resto de la cola. La nota bajo el gráfico te dice cuál de las dos.

¿Se sube algo?

No. La página no tiene parte de servidor en absoluto.

La herramienta inversa

¿Lo necesitas al revés? CSV a gráfico circular Un total dividido en unas pocas partes

Herramientas relacionadas

Todas las herramientas