Visualisation de données - d3.js

Data-Driven Documents

d3.js est une librairie javascript très complète avec beaucoup d’exemples à disposition, avec une personnalisation totale possible. Elle permet l’accès à des primitives SVG permettant toute innovation. Malheureusement, elle est peu accessible directement et assez technique.

L’idée principale est de lier les données au DOM (Document Object Model), et d’appliquer des transformations, basées sur les données, au document.

• Cours introductif
• Tutoriel pas à pas de construction d’un TOPn

Travail à réaliser

En repartant des données de production scientifique (au format CSV cette fois) disponible via ce lien https://fxjollois.github.io/donnees/scimagojr/scimagojr.csv, refaire les demandes suivants :

• Faire toutes les demandes dans le tutoriel pour améliorer le TOP
• Nuage de points : nuage de points entre le nombre de documents produits et le nombre moyen de citations pour la dernière année disponible, pour chaque pays, avec les contraintes suivantes :
  • couleur (entre du vert pour le 1er et du rouge pour le dernier) en fonction de son rang
  • taille en fonction du H-index
  • lignes de références au niveau des moyennes de chaque variable
  • axes logarithmiques
  • nom de chaque pays indiqué lorsque la souris passe dessus

Rendu

Merci de déposer un fichier zip contenant l’ensemble de vos fichiers (HTML, JS et éventuellement CSS), avec votre nom de famille dans le nom de fichier, sur cet espace :

https://cloud.parisdescartes.fr/index.php/s/XPtZ4afyRPD2kez