Aller au contenu
Tous les projets
Étude de cas · 06

Pulse

La planète en direct : une Terre en 3D avec chaque vol, navire, séisme et satellite qui s'y déplace en ce moment.

Ouvrir PulseSans inscription
Statut
En développement
Contexte
Projet personnel
Mon rôle
Produit, design & développement
Catégorie
Données en temps réel
Année
2026
pulse.asrar.software
Le globe au-dessus de l'Asie en plein jour, avec les nuages, le reflet du soleil sur le Pacifique, l'ISS et son orbite, des cercles de séismes autour du Japon et de l'Indonésie, et des milliers de petits avions.

Données en temps réel · Application web · 3D · 2026

Ouvrez la page et la Terre tourne sous le vrai soleil, avec des dizaines de milliers d'avions et de navires, l'ISS, les séismes, les incendies, les tempêtes et les aurores, le tout alimenté par des données publiques et envoyé à votre navigateur en temps réel.

L'histoire

Comment je l'ai construit

Mon rôle
Produit, design & développement
Contexte
Projet personnel

Le problème

[01]

Les données publiques en direct sur la planète sont partout, mais dispersées : un suivi de vols, une carte des navires, un flux de séismes, un catalogue de satellites. Chacun a sa carte et son bouton d'actualisation, et aucun ne montre tout ce qui se passe sur Terre au même instant.

Ce que j'ai construit

[02]

Pulse réunit tout sur un seul globe. Un petit serveur temps réel interroge ou écoute chaque source dans le respect de ses limites, garde l'état en mémoire et envoie des mises à jour compactes à chaque visiteur sur un seul WebSocket. Le navigateur dessine tout dans une scène WebGL, chaque couche en un seul appel, et les avions et navires avancent selon leur cap sur le GPU jusqu'à la mise à jour suivante. Désactivez une couche et ses données cessent d'arriver dans votre navigateur.

Choix clés

[03]

  1. Un seul WebSocket, typé dans les deux sens

    Un protocole Zod partagé par le serveur et le navigateur : un instantané à la connexion, puis de petites mises à jour compressées, uniquement pour les couches activées.

  2. 30 000 objets, toujours fluide

    Avions et navires sont dessinés en instances et déplacés le long de grands cercles par le GPU entre deux mises à jour : le globe reste fluide sans envoyer chaque position.

  3. Dans le respect de chaque limite

    OpenSky est interrogé toutes les 90 secondes pour tenir dans ses 4 000 crédits quotidiens, les données orbitales sont en cache six heures, et les derniers résultats survivent aux redémarrages : un redéploiement ne coûte rien.

Le résultat

  • 30k+Avions et navires sur le globe en même temps
  • 7Sources de données publiques en direct
  • 1WebSocket pour tout
Écrans

Le vrai produit

Captures du produit sur des données réelles, telles qu'elles étaient le 11 octobre 2026. Ouvrez-les en plein écran.

  • [01]Chaque source peut être coupée, et ses données cessent d'arriver dans le navigateur.

  • [02]Le côté nuit, là où le vrai soleil le place en ce moment.

  • [03]Cliquez sur un avion pour son altitude, sa vitesse, son cap et la fraîcheur des données.

  • [04]Les navires du réseau AIS, le long de chaque côte et route maritime.

  • [05]La prévision d'aurores de la NOAA, dessinée au-dessus du pôle.

  • [06]Thèmes clair et sombre.

Fonctionnalités

Ce qu'il fait

Je construis des systèmes temps réel de bout en bout : une passerelle WebSocket alimentée par plusieurs sources en direct, un protocole typé partagé avec le navigateur, et une scène WebGL qui reste fluide avec des dizaines de milliers d'objets en mouvement.

[01]

Une vraie Terre

Des images de la NASA avec le relief, les nuages, les lumières des villes côté nuit, les reflets du soleil sur les océans et une fine atmosphère, éclairées par le point subsolaire calculé pour l'heure actuelle.

[02]

Vols et navires

Entre 5 000 et 10 000 avions de l'OpenSky Network et plus de 20 000 navires d'aisstream.io, dessinés en instances et déplacés le long de grands cercles par le GPU entre deux mises à jour.

[03]

L'espace au-dessus

L'ISS et son orbite, ainsi qu'environ 150 des satellites les plus brillants et la station Tiangong, calculés chaque seconde à partir des données orbitales de CelesTrak.

[04]

La Terre en mouvement

Les séismes des dernières 24 heures selon l'USGS, les incendies, tempêtes et volcans de NASA EONET, et la prévision d'aurores de la NOAA, dessinée en ovale lumineux au-dessus des pôles.

[05]

Une seule connexion

Une passerelle WebSocket avec un protocole Zod partagé par le serveur et le navigateur : un instantané à la connexion, puis de petites mises à jour pour les couches actives, compressées.

[06]

Qui d'autre est là

Le nombre de personnes qui regardent la planète en direct, et une couche optionnelle qui montre d'où, arrondie à la ville.

Construit avec

La stack

Typée de bout en bout et rendue côté serveur par défaut, le reste choisi selon les besoins du produit.

  • Next.js
  • React
  • TypeScript
  • Three.js
  • Tailwind CSS
  • Node.js
  • PostgreSQL
  • Prisma
Projet suivant[07]

Dispatch

Un tableau Kanban où chaque carte est une tâche confiée à un agent IA.

Étude de cas
dispatch.asrar.software
Le tableau « Growth research » dans Dispatch : colonnes Backlog, En file, En cours et Revue, avec dix cartes en revue, chacune avec son type de tâche, ses étiquettes, son nombre d'exécutions, son coût et son relecteur.

Vous recrutez ? Parlons-en.

Parlez-moi du poste et de l'équipe. Je réponds sous un jour ouvré.

M'écrireVoir mon CV