3DPrompt.
GitHub
Retour à la bibliothèque
GPT-6 AstraDescription de référence

Pouls urbain

Un atlas 3D interactif de la mobilité des taxis jaunes à New York en janvier 2025, avec une carte 3D, la relecture des déplacements heure par heure, l’inspection des zones et des comparaisons avec les moyennes des jours de semaine ou du week-end.

Créé par Seoyeon Jun 📊Voir la source originale
Pouls urbain

À propos de cet exemple

Une consigne de départ fondée sur le projet public du créateur, pas une retranscription de son prompt original. Votre résultat pourra varier.

Notes du créateur

Créer un atlas 3D interactif de la mobilité des taxis à New York pour janvier 2025. Utiliser les données NYC TLC des taxis jaunes, les zones de taxi et les empreintes des bâtiments de Manhattan pour créer une visualisation Three.js monopage avec une carte 3D, des connexions de trajets animées, des volumes de prises en charge extrudés, des commandes de relecture par jour et par heure, ainsi que des analyses comparatives à l’échelle des zones.

Three.jsNew Yorkdonnées de taxiatlas de la mobilitécarte 3Dvisualisation de donnéesvisualisation interactive

Le prompt

# Créer « City Pulse » : un atlas 3D interactif de la mobilité des taxis à New York (janvier 2025) ## Objectif Une visualisation web monopage en anglais qui montre comment New York se déplace sur un mois : 31 jours, 24 heures, 263 zones de taxi. Le lecteur doit pouvoir observer le rythme quotidien de la ville, comparer n’importe quelle journée à une journée de semaine ou de week-end type, et examiner chaque zone en détail. Il s’agit d’un outil d’analyse descriptive, et non d’un produit en temps réel ou fondé sur le GPS. Chaque élément visuel doit indiquer ce qu’il représente. ## Données Sources (publiques) : - NYC TLC Trip Record Data, Yellow Taxi, janvier 2025 (Parquet) - NYC TLC Taxi Zones (263 zones, formes + correspondance avec les boroughs) - Empreintes des bâtiments de NYC Open Data (Manhattan uniquement, comme contexte visuel) Prétraitement (Python + DuckDB ou pandas), avec génération de petits fichiers JSON statiques : - Filtrer les courses invalides : prise en charge en dehors de janvier 2025, durée non positive ou supérieure à 3 h, zones inconnues (264/265). - Pour chaque jour, zone et heure : nombre de prises en charge, durée médiane de la course. - Pour chaque jour et chaque heure : principales paires zone d’origine → zone de destination (flux agrégés, top N par heure). - Moyennes de référence par zone et par heure : moyenne des jours de semaine (23 jours) et moyenne du week-end (8 jours), moyennes journalières ; les jours fériés restent dans le groupe des jours de semaine. - Échelle fixe au niveau du mois : maximum des prises en charge par zone et par heure, utilisé pour chaque jour afin que les hauteurs restent comparables. - Métadonnées des zones : identifiant, nom, borough, centroïde, point d’ancrage de l’étiquette. Simplifier la géométrie des zones. Fichiers : month.json (totaux quotidiens, échelle, principales zones), weekday.json, weekend.json, days/2025-01-DD.json, zones geojson. Charger le jour courant à la demande ; conserver un premier affichage rapide. ## Stack - Un fichier HTML autonome (ou une petite application Vite) avec Three.js 0.160 (modules ES via importmap), OrbitControls, EffectComposer + bloom. - D3 uniquement pour les échelles, le formatage et de petits graphiques SVG. - Aucun framework requis. Aucun appel à une API externe à l’exécution ; toutes les données sont lues depuis les fichiers JSON statiques. ## Mise en page (sur ordinateur, 1920×1080 doit tenir sur un seul écran sans défilement) 1. En-tête : « CITY PULSE / ATLAS DE LA MOBILITÉ », statut « Relecture enregistrée », lien « Données et méthodes ». 2. Ligne d’état : « Une ville en mouvement. » + trois KPI : prises en charge dans toute la ville (heure sélectionnée), écart par rapport à la moyenne de comparaison, durée médiane des courses. 3. Bandeau mensuel : 31 boutons correspondant aux jours, sous forme de mini-barres (hauteur de la barre = nombre quotidien de prises en charge, week-ends signalés), jour précédent/suivant, sélection de la date, sélection « Comparer avec » (Moyenne des jours de semaine · 23 jours / Moyenne du week-end · 8 jours). 4. Barre narrative : « Chaque déplacement laisse une empreinte. » avec 4 chapitres (01 Observer, 02 Déployer, 03 Comparer, 04 Partager) et « Commencer le récit ». 5. Onglets de vue : 01 Connexions, 02 Volume urbain, 03 Déployer sur 24 h, 04 Ville fantôme, ainsi que « Partager un résultat » et « Créer un briefing ». 6. Espace de travail : scène cartographique 3D (à gauche) + inspecteur « Détails du lieu » (à droite, environ 330 px, avec défilement interne). 7. Frise chronologique : Lire la journée, vitesse (0,25×–4×), curseur horaire au-dessus d’un histogramme sur 24 h comparant le jour sélectionné à la moyenne. La hauteur de la scène cartographique doit s’adapter à la fenêtre (limiter entre environ 470 px et environ 780 px) afin que toute la console, frise comprise, soit visible à un zoom de 100 %. ## Scène 3D - Sol sombre, contours des zones en lignes fines, empreintes des bâtiments de Manhattan en arrière-plan discret, selon le contexte réel. - Caméra : perspective, orbite + zoom, avec un bouton de recentrage. Conserver la caméra de l’utilisateur lors du changement de vue, sauf pour « Déployer sur 24 h », qui recadre toujours l’ensemble de la matrice. - Au survol d’une zone : infobulle avec son nom et le nombre de prises en charge. Cliquer sur une zone : la sélectionner (met à jour l’inspecteur et les flux). Vues (chaque changement est animé, sans transition brusque) : - 01 Connexions : trajets agrégés de zone à zone représentés par des arcs lumineux parcourus de particules ; densité des particules ∝ nombre de trajets ; étiqueter le flux mis en avant (« DE / Midtown Center → VERS / Upper East Side North, 71 trajets / 18:00 »). Légende : « Trajets enregistrés de zone à zone · mouvement schématique. Pas de données GPS. » - 02 Volume urbain : chaque zone est extrudée ; hauteur = nombre de prises en charge selon l’échelle mensuelle fixe ; la zone sélectionnée est mise en évidence.

Comment utiliser ce prompt

01

Commencez avec le bon outil

Ouvrez votre assistant de programmation ou outil 3D préféré. Prenez le modèle indiqué dans l’exemple comme point de départ et consultez les instructions des projets liés.

02

Choisissez un élément à modifier

Changez le sujet, le style ou le décor. Définissez clairement la caméra et l’interaction. Créez d’abord une version simple, puis affinez un détail à la fois.

03

Donnez des éléments uniques à la scène

Pour un personnage ou un accessoire personnalisé, créez un modèle 3D à partir d’une courte description ou d’une image de référence, puis importez-le dans votre projet.

Les aperçus appartiennent à leurs créateurs respectifs. Consultez la source originale et la licence du projet avant de réutiliser du code ou des ressources.