Donut Chart

Donut Chart

Categoría Composición

Qué es

Variante del Pie Chart con un hueco en el centro que puede usarse para mostrar el valor total o una métrica clave, reduciendo el área visual que hay que comparar.

Para qué sirve

Las mismas condiciones que el Pie Chart, pero con la ventaja de poder usar el centro para información adicional.

Cómo leerlo

Anatomía

A diferencia de un pie chart completo, acá el agujero central interrumpe la comparación de área que el ojo sí puede hacer en un pastel entero: en una dona, el único atributo perceptualmente confiable es el arco —el ángulo que abarca cada segmento medido desde el centro—, nunca el área aparente del anillo. Por eso limitar el número de categorías importa incluso más que en un pie chart: cada segmento adicional hace más difícil comparar ángulos que ya de por sí son menos intuitivos que largos o posiciones. El origen (12 en punto, avanzando en sentido horario) y el orden (de mayor a menor, empezando en el origen) son la convención más extendida entre las herramientas de referencia, y no son arbitrarios: ubican el segmento más grande donde el ojo mira primero y organizan el resto en el mismo orden que leería un ranking. El agujero, lejos de ser solo decorativo, reserva el único espacio del gráfico donde puede vivir una cifra total o una etiqueta clave sin competir visualmente con los segmentos — su tamaño convencional (entre 50% y 65% del radio exterior) es el que usan la mayoría de las herramientas por defecto.

Una dona de chocolate vista desde arriba, con un agujero central perfectamente circular: la misma anatomía de un donut chart, un anillo de proporciones con espacio vacío al centro

Por qué funciona

Fundamento perceptivo

El hueco central reduce la distorsión perceptual del ángulo al eliminar el vértice central. El espacio interior es valioso para mostrar el total o KPI principal.

Errores comunes

  • Mismos límites que el Pie Chart

    no escala mejor con más categorías, ya que con más de 4 segmentos las diferencias son imposibles de comparar con precisión.

Dónde se usa

Contextos de aplicación

Composición de una cartera de inversión por clase de activo
01

Composición de una cartera de inversión por clase de activo

Qué porcentaje del monto total administrado está en cada tipo de instrumento, con el total invertido al centro.

Resultado de una votación por candidato
02

Resultado de una votación por candidato

Porcentaje de votos válidos que obtiene cada candidato, con el total de votos emitidos al centro.

Progreso hacia un objetivo mostrado como arco parcial
03

Progreso hacia un objetivo mostrado como arco parcial

Cuánto se ha avanzado de una meta o KPI, dejando el resto del anillo vacío o en un tono neutro.

Cómo construirlo

El mismo gráfico, en 11 librerías open source

Cada librería resuelve las mismas decisiones de diseño, como la escala, el espaciado entre barras o la inserción de la etiqueta de valor, de un modo distinto. Algunas las automatizan; otras las dejan explícitas en el código, a criterio de quien lo escribe. Comparar once implementaciones con los mismos datos y el mismo color de marca aísla esa diferencia, que de otro modo queda oculta detrás de estilos visuales distintos.

Matplotlib License (estilo BSD)
Matplotlib: gráfico de barras

Sigue siendo la misma función pie() del gráfico de torta — el parámetro width dentro de wedgeprops es lo único que cambia, y es lo que perfora el centro.

import matplotlib.pyplot as plt

labels = ["Activos", "Pendientes", "En revisión", "Cerrados"]
valores = [48, 22, 15, 15]
colores = ["#490827", "#760D3E", "#A4362E", "#D2601F"]

fig, ax = plt.subplots(figsize=(6, 6))
ax.pie(valores, labels=labels, colors=colores, autopct="%1.0f%%",
       pctdistance=0.82, startangle=90,
       wedgeprops=dict(width=0.4, edgecolor="white", linewidth=2))
# width=0.4 en wedgeprops es lo único que distingue esto de una torta:
# el gajo se dibuja como un anillo, no como un triángulo completo.
ax.text(0, 0, "48%\nActivos", ha="center", va="center", fontsize=13)
plt.show()

No disponible en estas librerías

Seaborn

Hereda la misma ausencia que la torta: si no hay pie(), tampoco hay una variante con agujero central.

Plotnine

Sin coord_polar() no hay forma de dibujar ningún gráfico circular en esta versión, con o sin agujero central.

Observable Plot

La ausencia de una marca de tipo arco descarta tanto la torta como el donut — es la misma limitación de base.

Herramientas para construirlo

No-code, desktop y plataformas web, con su licencia visible, abierta o comercial.

No-code
Datawrapper FreemiumFlourish FreemiumGoogle Sheets GratisExcel Comercial
JavaScript
D3.js Open SourceChart.js Open SourceECharts Open SourceHighcharts ComercialApexCharts Open Source
Python
Plotly Open SourceMatplotlib Open Source
R
ggplot2 Open Source

Paso a paso

Cómo se construye.

YouTube Tutorial de Donut Chart

Con datos reales

Ejemplos de uso.

¿Cómo se mueve la gente en el Gran Valparaíso?

Modo de transporte principal de los viajes diarios en un día laboral. El auto es el modo más usado, pero caminar y el bus juntos superan la mitad de los viajes ("Otros" agrupa taxi colectivo, metro y bicicleta).

29%Automóvil26%Bus urbano26%Caminata18%Otros100%de los viajes

Fuente: Ministerio de Transportes y Telecomunicaciones, Encuesta Origen-Destino Gran Valparaíso

Gráficos relacionados

Variantes y alternativas cercanas.