# Cómo hacer un dashboard con IA

> ¿Cómo hago un dashboard con IA?

Un buen dashboard no tiene muchos gráficos, tiene pocos: los 2 a 4 números que importan en grande, un gráfico de evolución y una comparación contra el mes pasado o la meta. Le pasás los datos a Claude y esa estructura, y lo construye. Evitá las tortas: líneas para evolución, barras para comparar.

> Fuente: https://magoallegri.com/biblioteca/como-hacer-un-dashboard-con-ia

---

Los datos sueltos no convencen a nadie. Los datos **visualizados** mueven decisiones y cierran ventas. Un dashboard es un tablero donde los números se entienden de un vistazo.

## Qué hace bueno a un dashboard

[Figura: Un buen dashboard: pocos números grandes, un gráfico de evolución y una comparación — cero adornos]

No la cantidad de gráficos — al revés. Un buen tablero tiene cuatro cosas:

1. **Los 2-4 números que importan, gigantes.** Ventas del mes, visitas, consultas. Sin decimales heroicos.
2. **Un gráfico de evolución.** ¿Sube o baja? El ojo lo entiende antes que la tabla.
3. **Una comparación.** Contra el mes pasado, contra la meta. Un número solo no dice nada; un número comparado cuenta una historia.
4. **Cero adornos.** Si un gráfico no responde una pregunta, es decoración.

## Construilo

Si tenés números reales de algo tuyo, usalos; si no, inventá unos verosímiles. Carpeta nueva:

```
Construí un dashboard en un solo index.html con estos datos:

[PEGÁ TUS DATOS — VALE ALGO ASÍ:]
Semana 1: 120 visitas, 3 consultas
Semana 2: 180 visitas, 5 consultas
Semana 3: 150 visitas, 2 consultas
Semana 4: 240 visitas, 8 consultas

El tablero:
1. Arriba, grandes: total de visitas, total de consultas, y el % de
   visitas que terminan en consulta.
2. Un gráfico de líneas con la evolución semanal de las dos métricas.
3. Una comparación: la última semana contra la anterior (¿mejor o peor?
   con flechita y color).
4. Limpio y legible en el teléfono. Sin gráficos de torta.

Que los datos estén en un solo lugar del código, fáciles de reemplazar.
```

## Leélo como dueño

Cuando esté, hacete las preguntas de un dueño de negocio: *¿estoy mejor que hace un mes? ¿qué semana fue la mejor?* Si el tablero no las responde de un vistazo, iterá: `quiero ver de un vistazo si la tendencia es buena o mala — hacelo más obvio`.

## Por qué nada de tortas

No es capricho: las tortas se ven serias pero se leen mal (¿cuál porción era más grande?). Líneas para evolución, barras para comparar cosas, números grandes para totales. Con eso cubrís el 95% de la vida real.

## Si algo sale mal

- **El gráfico no aparece.** `El gráfico no se ve. Investigá por qué y arreglalo; si la librería da problemas, usá otra forma de dibujarlo.`
- **Puso 14 widgets.** `Menos: dejá solo los 3 números de arriba, el gráfico y la comparación. Borrá el resto.`
- **En el teléfono el gráfico se rompe.** `El gráfico tiene que adaptarse al ancho del teléfono. Arreglalo.`