Drommo
Visualizador 3D Light Mode de Datos con Video Insights y Comparador
Página web

Visualizador 3D Light Mode de Datos con Video Insights y Comparador

Prompt

Dashboard 3D en light mode con widgets flotantes sobre un plano claro. Cada widget es un objeto 3D con visualización; al seleccionarlo reproduce un video insight que explica la tendencia. Dos periodos se comparan activando el modo comparador: la cámara se divide visualmente y reproduce dos videos sincronizados lado a lado mientras las visualizaciones animan diferencias con partículas y líneas interpoladas. Videos insight narrados de 60-180 s con subtítulos y gráficos embebidos; al reproducirlos el widget expande y muestra detalles 3D. Scrubbing sincronizado entre video y visualización; al mover el scrubber los datos se interpolan y las animaciones 3D se actualizan. Datos en vivo vía WebSocket con smoothing. Controles para exportar snapshots y generar clips cortos del insight con marca de tiempo. Rendimiento: instancing de widgets, texturas 512 px, videos bajo demanda. **Entregables:** index.html, styles.css, data3d.js, assets/ (videos insight, datasets JSON, modelos de widgets, SRT, transcripciones). **Stack:** Three.js, D3.js, video HTML5, WebSocket. **Interactions:** Selección de widget reproduce video insight, comparador sincronizado, scrubbing que actualiza visualización.

Tipo
Página web
Tecnología
Three.js, D3.js, video HTML5, WebSocket
  • 3D
  • data
  • dashboard
  • light mode
  • widgets
  • bar charts
  • video insights
  • comparator
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

Clon de Snapchat: Historias y ARPágina web

Clon de Snapchat: Historias y AR