---
title: "Recuento — panel de inventario y demanda de almacén | Logic2b Lab"
description: "Demo técnica: dashboard de inventario con ventas en vivo que descuentan stock, propuestas de reposición según demanda, mapa de envíos y tabla filtrable con exportación CSV — sin backend. Mira cómo lo construimos en Logic2b Lab."
lang: es-ES
source_url:
  html: https://logic2b.com/lab/recuento/
  md: https://logic2b.com/lab/recuento/index.md
---

Ruta: [Lab](https://logic2b.com/lab) › [Cuadros de mando y analítica](https://logic2b.com/sistemas/cuadros-de-mando) › Recuento

Demo interactiva · datos simulados

# Recuento Paneles de control.

Inventario vivo: las ventas descuentan stock, la leyenda filtra la tabla y el envío cruza el mapa.

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

**Cosas que demuestra**

10

**Funciones de negocio**

2

**Sectores que lo piden**

6

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

## Cómo se construyó Recuento

Demo de panel de inventario multi-almacén: tarjeta de pedidos con contadores en vivo, tarjeta de stock cuya leyenda (en stock, agotado, bajo, muerto) filtra la tabla al hacer clic, carrusel de propuestas de reposición calculadas con la demanda estimada frente a las existencias, y tarjeta de logística con un mapa halftone procedural donde el envío activo avanza por su ruta con estado de retraso. Debajo, la tabla de referencias con buscador, filtros por categoría/proveedor/estado, ordenación por columnas y exportación a CSV. Sin backend: cada combinación de almacén y mes reseedea el panel con un RNG determinista, y un tick simula ventas que descuentan existencias, pedidos que se completan y avisos de stock bajo.

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. Tarjeta de stock con leyenda clicable: cada estado (en stock, agotado, bajo, muerto) filtra la tabla y se sincroniza con el select de la barra
2. Propuestas de reposición calculadas en vivo: demanda estimada frente a existencias, con carrusel, favorito y botón que crea el pedido
3. Mapa halftone procedural: continentes rasterizados por punto-en-polígono y ruta de aprovisionamiento con marcador que avanza y pill de retraso
4. Tabla de referencias con buscador por nombre/SKU, filtros por categoría, proveedor y estado, y ordenación por coste, existencias y valor
5. Ventas simuladas cada pocos segundos: descuentan existencias, iluminan la fila y avisan cuando una referencia entra en stock bajo o se agota
6. Cambiar de almacén o de mes reseedea todo el panel; cada almacén trae su propia ruta logística (Shenzhen, Róterdam, Casablanca)
7. Contadores de pedidos con pulso en vivo: los «en curso» se van completando y las reposiciones pedidas entran en la cola
8. Exportación a CSV de la vista filtrada y recuento cíclico programable con aviso en la campana
9. «Regenerar» reseedea el catálogo completo; RNG determinista (mulberry32): misma semilla, mismos datos
10. Todo simulado en cliente: sin backend, sin dependencias npm

Ficha del lab

**Tipo**

Paneles de control

**Formato**

Demo interactiva, sin backend

Stack usado

- JavaScript
- SVG

Funciones de negocio

- [Cuadros de mando y analítica](https://logic2b.com/sistemas/cuadros-de-mando)
- [Inventario y almacén](https://logic2b.com/sistemas/inventario-almacen)

Lo ofrecemos con webs de

- [Restaurantes](https://logic2b.com/diseno-web/restaurantes)
- [Farmacias](https://logic2b.com/diseno-web/farmacias)
- [Peluquerías y estética](https://logic2b.com/diseno-web/peluquerias-estetica)
- [Clínicas veterinarias](https://logic2b.com/diseno-web/veterinarias)
- [Talleres y automoción](https://logic2b.com/diseno-web/automocion)
- [Ópticas y eyewear](https://logic2b.com/diseno-web/opticas)

Técnicas

- Logística
- Dashboard
- Datos
- 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)

### [Pocillo](https://logic2b.com/lab/pocillo)

Cuadros de mando

### [Enjambre](https://logic2b.com/lab/enjambre)

Inventario y almacén

### [Mostrador](https://logic2b.com/lab/mostrador)

Paneles de control

---

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)