Angular — Qualité de l’air dans trois stations du RER

Mis à jour le 22/10/2023

Présentation de notre application de visualisation de la qualité de l’air dans 3 stations du RER parisien, développée avec Angular et PrimeNG.

La RATP propose des données ouvertes sur la qualité de l'air dans plusieurs stations du métro et du RER sur son site Open Data RATP.

Deux billets sur ce blog montrent, via un script Python, comment exploiter facilement les relevés de températures dans les stations Châtelet (ligne 1) et Franklin D. Roosevelt (ligne 4).

J’ai voulu aller plus loin et proposer une application qui permet de visualiser l'ensemble des données sur qualité de l'air (température, humidité relative, dioxyde de carbone, oxydes d‘azote, particules) dans trois stations du RER A (Auber, Châtelet, Nation). L'application est développée avec le framework Angular 16, la libraire de composants graphiques PrimeNG et Plotly pour la visualisation des données.

Noter que ce projet n’est pas lié au groupe RATP.

Démo & Sources

Une démo de l’application est en ligne ici : https://jldblog.github.io/rer-air-quality

Les sources de l’application sous licence GNU GPLv3 sont disponibles sur https://github.com/jldblog/rer-air-quality.

Les données

Le jeu de données hebdomadaires comprend pour toutes les stations les moyennes horaires pour :

  • Température ambiante en °C
  • Humidité relative en %

Et selon les stations :

  • CO2 en ppm (Auber)
  • NO en μg/m3 (Auber)
  • NO2 en μg/m3 (Auber)
  • PM10 en μg/m3 (Auber, Châtelet & Nation)
  • PM2,5 en μg/m3 (Auber & Nation)

Voici quelques liens utiles pour comprendre les mesures de qualité d’air :

Galerie

Température sur 2 semaines

Humidité relative sur 2 semaines

PM10 sur 1 mois

PM2.5 sur 1 mois en mode sombre

Sauvegarde des graphiques et des données