---
title: "Sinóptico — panel SCADA de planta cerámica en vivo | Logic2b Lab"
description: "Demo técnica: panel SCADA/HMI de una planta cerámica con sinóptico de proceso en SVG, curvas de cocción por lote y alarmas con acknowledge, todo simulado en cliente. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/sinoptico/
  md: https://logic2b.com/lab/sinoptico/index.md
---

# Sinóptico Lab · Industrial / Control de procesos

lab.logic2b.com/sinoptico

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

## Cómo se construyó Sinóptico

Demo de panel SCADA/HMI para una planta cerámica ficticia de L’Alcora: un sinóptico SVG del proceso completo (silo, atomizador, prensas, secadero, hornos con zonas de temperatura, esmaltado y clasificación) donde cada equipo cambia de estado en tiempo simulado y despliega su ficha al pasar el ratón. A la derecha, las curvas de cocción por lote comparan la temperatura real con la consigna dentro de la banda de tolerancia, y un registro de alarmas vivo permite reconocerlas (ACK) con feedback inmediato. Datos simulados con generadores seedeados, 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

- Sinóptico SVG del proceso cerámico con 10 equipos y flujos animados
- Estados por color con glow: operativo, advertencia, alarma crítica y parado
- Tooltips HUD por equipo: lote, valor de proceso, tiempo en estado y operario
- Hornos con zonas internas de temperatura (precalentamiento, cocción, enfriamiento)
- Curvas de cocción por lote: real vs consigna con banda de tolerancia (Chart.js)
- Marcador «ahora» avanzando dentro del ciclo de cocción simulado
- Registro de alarmas con acknowledge, severidad ponderada y generador aleatorio seedeado
- Tres cámaras CCTV de supervisión (vídeo IA, ~60 KB cada una): entrada y salida del horno y control láser cenital, con OSD en vivo y ampliación al click
- Ticker de eventos, KPIs (OEE, piezas/h) y modo pausa de la simulación
- Responsive: en móvil colapsa a pestañas Sinóptico / Temperaturas / Alarmas

### Detalles

**Categoría**

Industrial / Control de procesos

**Formato**

Demo interactiva, sin backend

### Stack usado

- JavaScript
- SVG inline
- Chart.js

### Categorías

[Industria, energía e IoT](https://logic2b.com/sistemas/industria-energia) Industrial Dashboard SVG Tiempo real

### Lo ofrecemos con webs de

[Industria e ingeniería](https://logic2b.com/diseno-web/industria)

## Labs relacionados

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

[**Ronda** Mantenimiento y activos](https://logic2b.com/lab/ronda) [**Huella** Industria y energía](https://logic2b.com/lab/huella) [**Linde** Cuadros de mando / Agricultura de precisión](https://logic2b.com/lab/linde)

---

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)