Dessin sur un fond bleu figurant le ciel. Une forme blanche évoque à la fois un nuage et un cocon sur lequel est blottie une silhouette grise en forme d'oiseau. Il a le bec grand ouvert, semblant, au choix, attendre la becquée ou s'égosiller.

Pour le module « Yoland Bresson »

(disponible en anglais ici)

Les Rencontres de la Monnaie Libre sont un évènement bi-annuel dont une journée est consacrée à l'approfondissement de la notion de monnaie libre. L'un des ateliers, appelé module « Yoland Bresson », nécéssite la réalisation de graphes animés qui en décourage beaucoup. Alors pourquoi ne pas coder ces animations en D3.js ? Le résultat est présenté dans cette page et se veut facilement réutilisable.

Prix moyen au m2 des appartements anciens en Ile de France

Dans le module « Yoland Bresson », différentes données doivent être récupérées et inscrites dans des tableaux afin d'être analysées dans un tableur :

Une fois dans le tableur, ces données peuvent facilement être mises en forme et exportées au format CSV afin d'obtenir un fichier de la forme suivante :

Qu'y-a-t-il dans ce fichier ?

  • La première ligne contient le nom des colonnes du tableau ; à partir de la troisième colonne, ce ne sont que des dates au format "jour/mois/année" ;
  • sur chaque ligne à partir de la deuxième, des montants sont exprimés en euro, au rythme d'un montant par date ;
  • le début de chaque ligne indique le nom des valeurs exprimées (prix, masse, revenu, etc.) ;
  • le deuxième élément de chaque ligne indique le numéro du département considéré ; il est à laisser vide quand la ligne ne correspond pas à un département.

Libre à chaque personne de modifier les valeurs de ce fichier. Suivant qu'elle considère tel ou tel type de moyenne ou d'interpolation, elle aura des résultats différents (sans doute négligeable). Elle peut aussi vouloir ajouter d'autres lignes (le prix de la baguette de pain, par exemple). Un code testable est récupérable ici sous la forme d'une archive compressée. En ouvrant le fichier “index.html” dans un navigateur, des graphes interactifs tout à fait similaires à ceux présentés plus haut doivent s'afficher. En ouvrant ce fichier "index.html" avec un éditeur de texte, on peut voir que le code décrit juste l'agencement général du document. En fait, tous les détails sont ajoutés dynamiquement via du code javascript qui exploite le contenu du fichier CSV (qui se trouve dans "data/YolandBresson-Idf-fr.csv").

Ce code est également disponible ici sous la forme d'un gist.

Prix moyen au m2 du logement neuf dans les régions de France métropolitaine

Pour ce graphe, les données sont issues de la base Eider.

Une fois dans le tableur, ces données peuvent là encore être mises en forme et exportées au format CSV afin d'obtenir un fichier de la forme suivante :

Ici aussi, le fichier CSV peut être personnalisé, il se trouve dans "data/YolandBresson-Regions-fr.csv".