Radial Bar Chart

Categoría Comparación

Qué es

Barras circulares concéntricas donde cada anillo representa una categoría y el arco muestra el progreso o valor relativo a un máximo definido.

Para qué sirve

Para mostrar comparaciones de progreso o KPIs en formato circular compacto, especialmente en dashboards de diseño moderno.

Cómo leerlo

Anatomía

El antecesor directo del radial bar chart en la cultura visual masiva son los anillos de progreso de aplicaciones de actividad física de comienzos de la década de 2010, que popularizaron la idea de un anillo circular que se completa a medida que se alcanza una meta diaria. Dispositivos y aplicaciones de seguimiento de salud expandieron esa misma idea poco después en varios anillos concéntricos simultáneos, cada uno midiendo un objetivo distinto. Esa decisión de diseño masificó el formato: de ser una curiosidad de dashboards de BI pasó a ser, en menos de una década, uno de los elementos de interfaz más reconocibles del diseño de producto contemporáneo. La diferencia técnica con un polar area chart, con el que se confunde seguido: acá el radio de cada anillo es fijo —cada categoría tiene su propio carril de grosor constante— y es el barrido angular, no el radio, el que codifica el valor. Es la relación inversa a la del polar area chart.

Por qué funciona

Fundamento perceptivo

El formato circular compacto es visualmente atractivo en dashboards modernos. Los anillos permiten comparar múltiples métricas en un espacio cuadrado.

Errores comunes

Arcos exteriores engañan

son perceptualmente más largos que los interiores aunque representen el mismo valor, porque tienen mayor circunferencia, así que etiqueta siempre los valores numéricos.

Dónde se usa

Contextos de aplicación

Progreso de objetivos por área

Cada anillo avanza hacia su meta; el barrido angular es el avance.

KPIs comparados en un panel circular

Varias métricas en anillos concéntricos, compactas y comparables.

Avance de campañas en paralelo

Todas las campañas girando hacia el 100% en un mismo dial.

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)

Wedge, el mismo patch de una torta o un gauge —cada categoría ocupa su propio anillo (radios fijos por índice), con dos capas: el fondo completo y el arco de valor superpuesto.

import matplotlib.pyplot as plt
from matplotlib.patches import Wedge

items = [
    {"label": "Embarazadas", "value": 62.6, "color": "#760D3E"},
    {"label": "Niños (6 meses-5 años)", "value": 58.94, "color": "#D2601F"},
    {"label": "Adultos 60 años y más", "value": 58.68, "color": "#C9A876"},
]

# Wedge, el mismo patch de una torta o un gauge -- cada categoria ocupa
# su propio anillo (radios fijos por indice), con dos capas: el fondo
# completo (360°) y el arco de valor superpuesto.
fig, ax = plt.subplots(figsize=(5, 5))
outer_max, ring_w, gap = 1.0, 0.16, 0.05
for i, it in enumerate(items):
    outer_r = outer_max - i * (ring_w + gap)
    ax.add_patch(Wedge((0, 0), outer_r, 0, 360, width=ring_w, facecolor="#E4DCD4"))
    ang = 360 * it["value"] / 100
    ax.add_patch(Wedge((0, 0), outer_r, 90 - ang, 90, width=ring_w, facecolor=it["color"]))
ax.set_aspect("equal"); ax.axis("off")
plt.show()

No disponible en estas librerías

Observable Plot

No tiene un sistema de coordenadas polares ni una marca radial —la misma limitación que descarta la torta y el gauge deja sin base cualquier gráfico de anillos concéntricos.

Plotnine

Esta versión no implementa coord_polar() —la misma ausencia que descarta la torta, el donut y el gauge también descarta los anillos concéntricos de un radial bar.