Étape 12 : Mise en œuvre de l’aperçu de visualisation
Comme nous l’avons expliqué plus tôt, nous utiliserons les données de l’Institut de l’UNESCO pour les statistiques et la bibliothèque de visualation D3.
Notre visualisation contient les fichiers suivants :
Fichier de mise en page HTML :
\litrate\index.html
Fichiers de données utilisés pour le rendu de la vue du Globe et la vue de la carte :
\litrate\nodes.csv – utilisé pour voir la carte
\litrate\world-countries.JSON – utilisé pour voir la carte
\litrate\places.JSON – utilisé pour vision du Globe
\litrate\world-110m.JSON – utilisé pour vision du Globe
Styles :
\Styles\960.CSS – 960 grille utilisée pour la mise en page
\Styles\uis.litrate.css – styles contenant dans la visualisation
Sources JavaScript :
\Scripts\jquery-1.8.2.min.js – bibliothèque Jquery
\Scripts\unesco\uis.litrt.Country.js – implémentation JavaScript
Aussi, nous lier avec les bibliothèques suivantes D3 bibliothèques :
D3.v3.min.js - bibliothèque d3 principale
D3.Geo.projection.v0.js - bibliothèque de D3 qui implémente différentes projections
topojson.v0.min.js - bibliothèque D3 pour le rendu de la topologie
queue.v1.min.js - bibliothèque de D3 qui prend en charge le chargement asynchrone
Remarque : Fichier Zip avec tous les fichiers ci-dessus pour télécharger se trouvent à l’étape 17 de ce tutoriel.