Vatio · Lab · Paneles de control / Domótica

Cómo se construyó Vatio

Demo de plataforma domótica para la gestión energética de viviendas: tres módulos de consumo (iluminación, nevera, climatización) con barras que avanzan en vivo y rangos de kWh que respiran, una sala isométrica en SVG con tiras LED y pantalla encendidas que se apaga al desconectar la oficina — arrastrando la energía disponible —, un informe semanal por días conectado al bloque de energía verde (elige un día y cambian el porcentaje y la ventana solar), la previsión solar de mañana y un feed de eventos del edificio (modo eco, excedente a batería, cargas pausadas). Todo corre en el navegador, sin backend.

Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.

Qué demuestra

• Tres módulos de consumo con barras finas que avanzan en vivo y rango de kWh con animación de bump
• «Cambiar módulo» rota la tarjeta activa entre más electrodomésticos monitorizados (termo, inducción)
• Sala isométrica dibujada en SVG a mano: tiras LED, pantalla y sensor con glow
• Interruptor de la oficina que apaga la sala y anima la energía disponible (83 % → 41 %)
• Informe semanal por días — el día elegido actualiza el bloque de energía verde
• Selector de semana (esta, pasada, hace dos) con datos deterministas por semilla
• Ventana de energía verde con línea de tiempo horaria y nodo de la hora actual latiendo
• Reloj real en la cabecera y feed de eventos del edificio con toasts y badge en la campana
• RNG determinista (mulberry32): mismos datos en cada carga
• Todo simulado en cliente: sin backend, sin dependencias npm