Demo interactiva · datos simulados
Vatio
Paneles de control · Domótica.
El panel energético de una vivienda: consumo por módulo en vivo, sala 3D conectada y ventana solar del día.
- Cosas que demuestra
- 10
- Funciones de negocio
- 2
- Sectores que lo piden
- 3
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 os interesa algo parecido para vuestro 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
