Pulso de la ciudad

# Crea «Pulso de la ciudad»: un atlas interactivo de movilidad en 3D de la actividad de los taxis de Nueva York (enero de 2025) ## Objetivo Una visualización web en inglés, de una sola página, que muestre cómo se mueve Nueva York a lo largo de un mes: 31 días, 24 horas y 263 zonas de taxis. El lector debe poder observar el ritmo diario de la ciudad, comparar cualquier día con un día laborable o un fin de semana típico e inspeccionar cualquier zona en detalle. Es una herramienta de análisis descriptivo, no un producto de tiempo real ni de GPS. Cada elemento visual debe indicar qué representa una marca. ## Datos Fuentes (públicas): - NYC TLC Trip Record Data, Yellow Taxi, enero de 2025 (Parquet) - NYC TLC Taxi Zones (263 zonas, geometrías y correspondencia con distritos) - Huellas de edificios de NYC Open Data (solo Manhattan, como contexto visual) Preprocesamiento (Python + DuckDB o pandas), con archivos JSON estáticos pequeños como salida: - Filtrar viajes no válidos: recogida fuera de enero de 2025, duración no positiva o superior a 3 h, zonas desconocidas (264/265). - Por día, zona y hora: cantidad de recogidas y duración mediana del viaje. - Por día y hora: principales pares de zonas de origen → destino (flujos agregados, los N principales por hora). - Promedios de referencia por zona y hora: promedio de días laborables (23 días) y promedio de fines de semana (8 días), medias diarias; los festivos se mantienen en el grupo de días laborables. - Escala fija mensual: máximo de recogidas por zona y hora, utilizado para todos los días para que las alturas sean comparables. - Metadatos de las zonas: id, nombre, distrito, centroide y anclaje de etiqueta. Simplificar la geometría de las zonas. Archivos: month.json (totales diarios, escala y zonas principales), weekday.json, weekend.json, days/2025-01-DD.json, geojson de zonas. Cargar el día actual de forma diferida; mantener rápido el primer renderizado. ## Tecnologías - Un único archivo HTML autocontenido (o una aplicación pequeña de Vite) con Three.js 0.160 (módulos ES mediante importmap), OrbitControls y EffectComposer + bloom. - D3 solo para escalas, formato y gráficos SVG pequeños. - No hace falta ningún framework. No realizar llamadas a API externas durante la ejecución; todo debe leer el JSON estático. ## Diseño (en escritorio, 1920×1080 debe caber en una sola pantalla sin desplazamiento) 1. Encabezado: «CITY PULSE / MOBILITY ATLAS», estado «Recorded replay» y enlace «Data & methods». 2. Fila de estado: «A city, in motion.» + tres KPI: recogidas en toda la ciudad (hora seleccionada), frente al promedio de comparación y duración mediana del viaje. 3. Franja mensual: 31 botones diarios como minigráficos de barras (altura de la barra = recogidas diarias, fines de semana marcados), día anterior/siguiente, selector de fecha y selector «Compare with» (promedio de días laborables · 23 días / promedio de fines de semana · 8 días). 4. Barra narrativa: «Every movement leaves a pattern.» con 4 capítulos (01 Watch, 02 Unfold, 03 Compare, 04 Share) y «Start the story». 5. Pestañas de vista: 01 Connections, 02 Volume city, 03 Unfold 24h, 04 Ghost city, además de «Share finding» y «Create briefing». 6. Área de trabajo: escenario del mapa 3D (izquierda) + inspector Location Insight (derecha, ~330 px, con desplazamiento interno). 7. Línea de tiempo: reproducir el día, velocidad (0.25×–4×) y control deslizante de hora sobre un gráfico de barras de 24 horas del día seleccionado frente al promedio. La altura del escenario del mapa debe adaptarse a la ventana gráfica (con un límite entre ~470 px y ~780 px) para que todo el panel, incluida la línea de tiempo, sea visible con un zoom del 100 %. ## Escena 3D - Suelo oscuro, contornos de las zonas como líneas finas y huellas de edificios de Manhattan como contexto real tenue. - Cámara en perspectiva, con órbita y zoom, y un botón para volver a centrar. Conservar la cámara del usuario al cambiar de vista, excepto en «Unfold 24h», que siempre debe reencuadrarse para mostrar toda la matriz. - Al pasar el cursor sobre una zona: mostrar un tooltip con el nombre y las recogidas. Al hacer clic en una zona: seleccionarla (actualiza el inspector y los flujos). Vistas (cada cambio se anima, sin saltos bruscos): - 01 Connections: viajes agregados entre zonas como arcos luminosos con partículas de luz en movimiento; densidad de partículas ∝ viajes; etiquetar el flujo destacado («FROM / Midtown Center → TO / Upper East Side North, 71 trips / 18:00»). Leyenda: «Viajes registrados entre zonas · movimiento esquemático. No es GPS». - 02 Volume city: extruir cada zona; altura = recogidas según la escala mensual fija; la zona seleccionada aparece resaltada.