---
title: "Vatio — panel domótico de consumo energético en vivo | Logic2b Lab"
description: "Demo técnica: dashboard energético de una vivienda con consumo por módulo en vivo, sala isométrica conectada, informe semanal y ventana de energía verde — sin backend, todo simulado en el navegador. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/vatio/
  md: https://logic2b.com/lab/vatio/index.md
---

# Vatio Lab · Paneles de control / Domótica

lab.logic2b.com/vatio

Ruta: [Lab](https://logic2b.com/lab) › [Industria, energía e IoT](https://logic2b.com/sistemas/industria-energia)

## 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

### Detalles

**Categoría**

Paneles de control / Domótica

**Formato**

Demo interactiva, sin backend

### Stack usado

- JavaScript
- SVG inline

### Categorías

[Industria, energía e IoT](https://logic2b.com/sistemas/industria-energia) [Visualización 3D y datos](https://logic2b.com/sistemas/visualizacion-3d) Energía Domótica Dashboard Datos

### Lo ofrecemos con webs de

[Inmobiliarias](https://logic2b.com/diseno-web/inmobiliarias) [Campings y aire libre](https://logic2b.com/diseno-web/campings) [Energía y renovables](https://logic2b.com/diseno-web/energia)

## Labs relacionados

[Ver todos](https://logic2b.com/lab)

[**Ronda** Mantenimiento y activos](https://logic2b.com/lab/ronda) [**Irradia** Energía / Monitorización](https://logic2b.com/lab/irradia) [**Huella** Industria y energía](https://logic2b.com/lab/huella)

---

Logic2b S.L. · Castellón (España) · [info@logic2b.com](mailto:info@logic2b.com) · [Contacto](https://logic2b.com/contacto/) · [Auditoría gratuita](https://logic2b.com/auditoria/) · [Índice para IA](https://logic2b.com/llms.txt)