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

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

Demo interactiva · datos simulados

# Sinóptico Industrial · Control de procesos.

Panel SCADA de una planta cerámica: sinóptico en vivo, curvas de cocción y alarmas con acknowledge.

[Abrir la demo (se abre en una pestaña nueva)](https://logic2b.com/lab/sinoptico/live)

**Cosas que demuestra**

10

**Función de negocio**

1

**Sector que lo pide**

1

Sinóptico · demo interactiva [Abrir aparte (se abre en una pestaña nueva)](https://logic2b.com/lab/sinoptico/live)

## 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 os interesa algo parecido para vuestro producto, hablamos.

### Qué demuestra

1. Sinóptico SVG del proceso cerámico con 10 equipos y flujos animados
2. Estados por color con glow: operativo, advertencia, alarma crítica y parado
3. Tooltips HUD por equipo: lote, valor de proceso, tiempo en estado y operario
4. Hornos con zonas internas de temperatura (precalentamiento, cocción, enfriamiento)
5. Curvas de cocción por lote: real vs consigna con banda de tolerancia (Chart.js)
6. Marcador «ahora» avanzando dentro del ciclo de cocción simulado
7. Registro de alarmas con acknowledge, severidad ponderada y generador aleatorio seedeado
8. 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
9. Ticker de eventos, KPIs (OEE, piezas/h) y modo pausa de la simulación
10. Responsive: en móvil colapsa a pestañas Sinóptico / Temperaturas / Alarmas

Ficha del lab

**Tipo**

Industrial / Control de procesos

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- SVG inline
- Chart.js

Funciones de negocio

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

Lo ofrecemos con webs de

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

Técnicas

- Industrial
- Dashboard
- SVG
- Tiempo real

Demo con datos simulados: todo corre en el navegador.

## Labs relacionados. Misma función o mismos sectores.

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

### [Ronda](https://logic2b.com/lab/ronda)

Mantenimiento y activos

### [Huella](https://logic2b.com/lab/huella)

Industria y energía

### [Linde](https://logic2b.com/lab/linde)

Cuadros de mando

---

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)