Drommo
Dashboard 3D de rendimiento corporativo con video insights y comparador
Página web

Dashboard 3D de rendimiento corporativo con video insights y comparador

Prompt

Construye un dashboard 3D de rendimiento corporativo con widgets flotantes, video insights y comparador de periodos con cámara dividida. **Entregables:** index.html, styles.css, dashboard3d.js, carpeta assets/ con videos insights, datasets y modelos de widgets. **Stack:** Three.js para widgets 3D, video HTML5 para insights, D3.js para gráficos detallados, WebSocket para datos en vivo. **Descripción:** Dashboard 3D compuesto por widgets flotantes (gráficas, mapas, KPI cubes). Al seleccionar un widget se reproduce un video insight que explica la tendencia y propone acciones; el usuario puede comparar dos periodos lado a lado con cámara dividida y videos sincronizados. **Interacciones clave:** Click para abrir video insight, drag para reorganizar widgets, comparador temporal con scrubbing sincronizado de videos y animaciones de datos. **Accesibilidad y fallback:** Subtítulos y transcripciones, versión 2D con dashboards tradicionales y videos, prefers-reduced-motion para animaciones. **Assets recomendados:** Videos explicativos 90–180s, datasets CSV/JSON, modelos GLB de widgets y texturas para visualización.

Tipo
Página web
Tecnología
Three.js, D3.js, GSAP, WebSocket
  • 3D
  • dashboard
  • corporate
  • KPI
  • video insights
  • comparator
  • real-time
  • WebGL
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas