Gauge Chart

Gauge Chart

Categoría Comparación

Qué es

Semicírculo o arco que muestra un valor único en una escala, como el velocímetro de un auto. El puntero o arco coloreado indica el valor actual.

Para qué sirve

Para mostrar el estado de un único KPI crítico en un dashboard ejecutivo, especialmente cuando el valor tiene rangos claros (rojo/amarillo/verde).

Cómo leerlo

Anatomía

El diseño circular de este gráfico tiene un costo perceptual conocido: leer una aguja sobre un arco exige comparar un ángulo, una tarea más lenta que leer la posición de un punto sobre una línea recta. Esa limitación es la razón por la que suele preferirse un formato lineal equivalente cuando el espacio lo permite. La anatomía, de todas formas, sigue una lógica reconocible: el arco se divide en bandas cualitativas de un mismo tono —de más oscuro (peor) a más claro (mejor)—, nunca colores distintos entre sí, para que alguien con daltonismo pueda distinguirlas igual que cualquier otra persona. La aguja codifica el valor actual como ángulo, no como posición, y por eso es el elemento menos preciso de leer con exactitud. La marca de objetivo, cuando existe, es perpendicular al arco y más angosta que la aguja, nunca compitiendo por atención con la medida principal. Se documenta acá su anatomía porque sigue apareciendo en dashboards ejecutivos, no porque sea la opción más eficiente.

Tacómetro de auto con arco graduado de 0 a 8, aguja indicadora y una franja de color distinta cerca del límite superior: la misma anatomía de un gauge chart, escala más aguja más zona cualitativa de alerta

Por qué funciona

Fundamento perceptivo

Es inmediatamente comprensible para cualquier audiencia gracias a la metáfora del velocímetro. Comunica urgencia o estado de salud de un indicador de forma visceral.

Errores comunes

  • Poco eficiente en espacio

    Un gauge necesita bastante superficie de pantalla para mostrar, en el fondo, un solo número — el mismo dato que una cifra grande con una etiqueta comunicaría en una fracción del espacio. En un dashboard con varias métricas, varios gauges uno al lado de otro suelen ocupar mucho más lugar del que su contenido informativo justifica.

  • Rangos de color arbitrarios

    Las franjas rojo-amarillo-verde de fondo solo son útiles si están basadas en umbrales reales y documentados (un objetivo de negocio, un límite regulatorio, un percentil histórico). Cuando esos rangos se eligen a ojo, sin ningún criterio explícito, el gauge transmite una falsa sensación de estar "midiendo contra algo" que en realidad no existe.

  • Difícil de comparar entre varias métricas

    Leer un gauge implica interpretar el ángulo de una aguja contra un arco, una tarea perceptual más lenta que leer la posición de una barra sobre una línea recta. Cuando se necesita comparar el desempeño de varias métricas entre sí, un conjunto de gauges es casi siempre más lento de leer que el mismo número de barras o bullet graphs alineados.

Dónde se usa

Contextos de aplicación

KPI único en un dashboard ejecutivo
01

KPI único en un dashboard ejecutivo

Un panel de control con un solo indicador crítico bien visible, como la satisfacción del cliente, el nivel de servicio o el avance del trimestre, pensado para leerse de un vistazo antes de entrar al detalle.

Monitoreo de capacidad en tiempo real
02

Monitoreo de capacidad en tiempo real

Paneles de sala de control u operaciones que muestran cuánta capacidad de un recurso está en uso, como servidores, energía, agua o tráfico, con umbrales de color para detectar un problema antes de que escale.

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

Sin función "gauge": se construye con Wedge, el mismo patch que dibuja porciones de torta, más una línea trigonométrica para la aguja y otra para el tick de objetivo.

import matplotlib.pyplot as plt
from matplotlib.patches import Wedge, Circle
import numpy as np

valor, objetivo, maximo = 65, 81, 100
rangos = [20, 60, 100]
colores_rango = ["#9C9187", "#C2A878", "#EDE8E2"]

def angulo(v):
    return 180 - (v / maximo) * 180  # 0 -> oeste, maximo -> este

# Sin funcion "gauge": se construye con Wedge, el mismo patch que dibuja
# porciones de torta, mas una linea para la aguja.
fig, ax = plt.subplots(figsize=(5, 3))
prev = 0
for r, c in zip(rangos, colores_rango):
    ax.add_patch(Wedge((0, 0), 1.0, angulo(r), angulo(prev), width=0.26, facecolor=c))
    prev = r
a = np.radians(angulo(valor))
ax.plot([0, 0.68 * np.cos(a)], [0, 0.68 * np.sin(a)], color="#760D3E", linewidth=4)
ax.add_patch(Circle((0, 0), 0.05, facecolor="#760D3E"))
ta = np.radians(angulo(objetivo))
ax.plot([0.68 * np.cos(ta), 1.05 * np.cos(ta)], [0.68 * np.sin(ta), 1.05 * np.sin(ta)], color="#3A3330", linewidth=3)
ax.set_xlim(-1.1, 1.1); ax.set_ylim(-0.1, 1.1)
ax.set_aspect("equal"); ax.axis("off")
plt.show()

No disponible en estas librerías

Plotnine

Esta versión no implementa coord_polar() —la misma ausencia que descarta la torta y el donut también descarta cualquier gauge circular, que depende de la misma transformación de coordenadas.

Observable Plot

No tiene una marca de tipo arco en su catálogo —la misma limitación que descarta la torta y el donut deja sin base al semicírculo de un gauge.

Herramientas para construirlo

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

No-code
Power BI Comercial
JavaScript
D3.js Open SourceECharts Open SourceApexCharts Open SourceHighcharts ComercialChart.js Open Source
Python
Plotly Open SourceMatplotlib Open Source

Con datos reales

Ejemplos de uso.

¿Cuánta agua le queda al embalse que abastece a Santiago?

Volumen embalsado en El Yeso (Región Metropolitana) respecto a su capacidad total, al 30 de junio de 2026.

65%

Embalse El Yeso, capacidad ocupada

Fuente: Dirección General de Aguas (DGA), Ministerio de Obras Públicas, Boletín Hidrometeorológico N°579

Gráficos relacionados

Variantes y alternativas cercanas.