Visualizador Web de Datos Sanitarios con WebGL y three.js
Visión general
De qué trata este proyecto.
Construye una app web con three.js que cargue un JSON con 12 plantas (cada planta una malla simple plus puntos por cama). Anima color por ocupación con paleta accesible (colorblind-safe). Implementa controles orbit + filtros por hora con slider. Renderiza a 60 FPS en MacBook M1 base. Implementa LOD básico: si el zoom alejado, solo plantas; si cerca, camas. Entrega app desplegable en GitHub Pages, dataset de ejemplo, y memoria técnica de 4 páginas con decisiones de rendimiento.
El Briefing
Lo que harás y lo que demostrarás.
Construir un visualizador web 3D en three.js que renderice 12 plantas de hospital con interacción temporal y mantenga 60 FPS en MacBook M1.
Earning criteria — what you'll demonstrate
- Aplicar three.js para visualización 3D web a 60 FPS
- Implementar LOD básico para escenas con miles de instances
- Diseñar paletas accesibles colorblind-safe
- Empaquetar y desplegar app three.js como sitio estático
Encaje académico
Dónde encaja esto en tus estudios.
Afina las mismas habilidades que tu titulación espera de ti.
Habilidades
Habilidades que demostrarás.
Cada una aparece en tu credencial verificada.
Carreras
Roles para los que esto te prepara.
Títulos reales. Puentes de habilidades reales. Elige el que más se acerque a tu trayectoria.