Cómo hacer 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.
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
No la cantidad de gráficos — al revés. Un buen tablero tiene cuatro cosas:
- Los 2-4 números que importan, gigantes. Ventas del mes, visitas, consultas. Sin decimales heroicos.
- Un gráfico de evolución. ¿Sube o baja? El ojo lo entiende antes que la tabla.
- Una comparación. Contra el mes pasado, contra la meta. Un número solo no dice nada; un número comparado cuenta una historia.
- 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.