Skip to content
Empieza gratis

Gráfica de mancuerna en Power BI con Deneb: meta contra real

Construye paso a paso la gráfica del inicio del curso y luego termínala tú: un punto de meta, uno de ventas y la línea que los une.

3 partes · 3, 5 y 2 min

Curso gratis. Tu Maestro, una IA, .

Al inicio del curso viste una gráfica que el panel de visualizaciones de Power BI deja fuera: la mancuerna de meta contra ventas reales de Café La Ceiba, descrita en unas 25 líneas de . Ya tienes las piezas para armarla: el dataset que entrega Power BI, los tipos de campo y el uso de layer. Aquí la construyes paso a paso.

Una gráfica de mancuerna responde una pregunta muy concreta: por cada categoría, ¿qué tan lejos está un valor del otro? Sirve para comparar la meta contra el resultado real o un periodo contra el anterior. En unas barras agrupadas cada barra nace en el cero y el ojo tiene que saltar de una punta a la otra para estimar la diferencia; en la mancuerna, esa diferencia es una línea que se lee de un vistazo.

Como un canal x en recibe un solo campo a la vez, la mancuerna combina tres capas dentro de layer. La primera capa traza una regla horizontal (rule) que empieza en x con la meta y termina en x2 con las ventas. Encima van dos capas de puntos (point): una en la posición de la meta y otra en la posición de las ventas. Al poner rule primero dentro de layer, los puntos se dibujan encima de los extremos de la línea.

Antes de armar las capas, conviene predecir cuántas filas recibe Deneb. La tabla de Café La Ceiba tiene 108 filas: 6 sucursales a lo largo de 6 meses (de enero a junio de 2026) en 3 categorías de producto. Si en Power BI llevas a Values la columna de sucursal junto con medidas ya resumidas, Deneb recibe 6 filas, una por sucursal. En cambio, si pasas columnas sin resumir o agregas el mes o la categoría a Values para usarlos después, a Deneb le llegan varias filas por sucursal (18 por sucursal cuando están las 108 filas completas). Incluir "aggregate": "sum" tanto en la meta como en las ventas asegura que Vega-Lite sume los valores y dibuje un solo par de puntos por sucursal. Si tienes dudas sobre cuándo usar aggregate en tu especificación de Deneb, pregúntale a tu Maestro.

Meta contra ventas por sucursal

Ejemplo resuelto · 4 pasos

En Values tienes Sucursal, Ventas y Meta. Quieres una fila por sucursal, con un punto para la meta del semestre, un punto para las ventas y una línea entre los dos, ordenadas de más a menos ventas.

Piensa el siguiente paso por tu cuenta y luego ábrelo para comparar.

Error común: El orden de las capas y los puntos repetidos

Vega-Lite dibuja las capas en el orden en que aparecen dentro de layer, de arriba hacia abajo. Si pones la capa rule al final de la lista, la línea se traza encima de los círculos y les atraviesa el centro. Coloca siempre rule como primera capa para que los dos puntos tapen los extremos de la línea. Y si en un mismo renglón aparecen varios puntos sueltos en vez de un solo par por sucursal, revisa que las tres capas incluyan "aggregate": "sum".

Buen lugar para parar. Después: parte 2 de 3 · 5 min

Lee lo que dice la gráfica terminada con los totales del semestre: Mérida Norte llegó a 117.3% de su meta y Guadalajara Centro a 112.1%, las únicas dos sucursales donde el punto de ventas supera a la meta a la derecha. Monterrey San Pedro quedó en 97.1% y Querétaro Juriquilla en 91.7%, a poca distancia de su objetivo. En cambio, Puebla Angelópolis se quedó en 82.8% y CDMX Roma en 87.4%.

Detente en el primer renglón: CDMX Roma aparece hasta arriba porque es la sucursal que más vende de toda la cadena (1,512,543 pesos en el semestre), y al mismo tiempo es una de las que tiene la brecha más grande debajo de su meta. Esa lectura conjunta del volumen total y la distancia contra el objetivo es la que necesita la dirección para la junta del lunes, y en unas barras agrupadas cuesta mucho más trabajo verla.

Si quieres que la línea cambie de color cuando la sucursal queda debajo de la meta, pregúntale a tu Maestro cómo hacerlo.

Inténtalo

En el editor ya tienes la mancuerna con la línea y el punto de la meta. Falta la tercera capa con el punto de las ventas. Escríbela siguiendo la estructura de la segunda capa.

Agrega la tercera capa: un punto relleno en la suma de Ventas, con "color": {"datum": "Ventas"}. Terminaste cuando cada línea tiene un punto en cada extremo y la leyenda muestra Meta y Ventas.

Tu turno

Agrega la tercera capa: un punto relleno en la suma de Ventas, con "color": {"datum": "Ventas"}.

Terminaste cuando cada línea tiene un punto en cada extremo y la leyenda muestra Meta y Ventas.

Valores

dataset · 6 filas

Datos

Ver las filas que recibe Deneb
SucursalVentasMeta__row__
CDMX Roma151254317300000
Guadalajara Centro116242510370001
Monterrey San Pedro132298313620002
Puebla Angelópolis96556211660003
Mérida Norte8373927140004
Querétaro Juriquilla108240011800005
2120

Arrastra un número subrayado o haz clic en una palabra para cambiarla (o Esc y Tab).

Cómo se pega en Deneb
  1. En Power BI, pon en Valores de tu visual de Deneb estos campos: Sucursal, Ventas, Meta.
  2. Si Power BI los nombra "Suma de Ventas" y "Suma de Meta", cámbiales el nombre para este visual a Ventas y Meta, para que coincidan con tu especificación.
  3. Abre el editor de Deneb con Vega-Lite como lenguaje, reemplaza la especificación que trae, pega la tuya y aplica los cambios.

Los esquemas pbiColor toman los colores del tema de tu reporte, así que allá pueden verse distintos.

Ejecútalo tú

Buen lugar para parar. Después: parte 3 de 3 · 2 min

Sabrás que tu especificación quedó bien cuando cada una de las seis líneas tenga un punto en cada extremo y la leyenda a la derecha muestre tanto Meta como Ventas. En Mérida Norte y Guadalajara Centro el punto de las ventas debe quedar en el extremo derecho de la línea, y en las cuatro sucursales restantes en el extremo izquierdo.

Con la mancuerna completa, puedes usar la misma gráfica para responder otra pregunta: si cambias "Sucursal" por "Categoría" en y (y en Values dentro de Power BI), verás al instante la meta contra las ventas para Bebidas calientes, Bebidas frías y Panadería. Esa es la ventaja de describir la gráfica en texto: la misma estructura sirve para otra dimensión cambiando un solo nombre.

Comprueba lo que sabes: En la mancuerna, ¿por qué el color de los puntos usa datum en lugar de field?