d3.js
pour la gestion et l'exploration des données et métadonnées d'Eurostat . Cette page fournit quelques exemples de visualisation sur le Web des données et métadonnées diffusées sur le site Internet d'Eurostat . Il utilise à cet effet certains modèles déjà existants basés sur la bibliothèque d3.js
( par exemple voir la galerie référencée ci-dessous). Outre les exemples de pages Web, le matériel utilisé pour gérer les (méta)données extraites et les préparer (sélectionner/filtrer/remodeler) pour la visualisation est également fourni.
Description
Exemple 1 | Exemple 2 | Exemple 3 |
La visualisation de sortie fournie dans l'exemple 1 réutilise le matériel basé sur la disposition d3-force
développée pour la publication du New York Times sur la proposition de budget d'Obama, de manière à fournir un affichage interactif de l'indicateur EU-SILC sélectionné.
La page Web example1_peps01.html illustre en fait certains chiffres importants (2016) liés à l'indicateur ESTAT ilc_peps01 sur les personnes menacées de pauvreté ou d'exclusion sociale par âge et sexe. Grâce, par exemple, githack
, un aperçu de cette page Web est disponible à cette adresse (bien que l'affichage soit beaucoup plus lent et que certaines fonctionnalités de la page soient désactivées).
La visualisation de sortie fournie dans l'exemple 2 réutilise le matériel d3
introduit dans un tutoriel sur les organigrammes , de manière à représenter les liens de dépendance entre les données d'Eurostat et les métadonnées.
La page Web example2_icw.html montre la dépendance entre les indicateurs (expérimentaux) d'Eurostat sur le revenu, la consommation et la richesse (ICW) et les différentes dimensions qui sont réellement utilisées pour la définition des répartitions de la population. Un aperçu de cette page Web est disponible à cette adresse tandis qu'un autre exemple basé sur les métadonnées de l' ensemble de données EU-SILC est présenté ici .
La visualisation graphique présentée dans l'exemple 3 réutilise le matériel de mise en page d3-tree
exposé dans un exemple en ligne d'arbre zoomable, panoramique et pliable par glisser-déposer , de manière à afficher la table des matières de la base de données en ligne d' Eurostat .
La page Web example3_toc.html montre la table des matières extensible. Un aperçu de cette page Web est disponible à cette adresse .
À propos
documentation | disponible sur : https://eurostat.github.io/d3.examples/ |
statut | depuis 2017 – en cours |
contributeurs | |
licence | PLUE |
Références
d3.js
: wiki, d3list et bien d'autres exemples.