Développement front et intégration (R312) - TP n° 6

Liens utiles : TD #3

Avant de commencer, créez un répertoire nommé r312-tp6 contenant des répertoires exo1, exo2, etc. Chacun de ces répertoires contient votre travail sur l'exercice correspondant. Le fichier HTML de chaque exercice doit s'appeler index.html.

À la fin de la séance, vous devez compresser (en format ZIP ou RAR) le répertoire r312-tp6 et le soumettre sur AMeTICE.

Seuls les exercices marqués avec une étoile (*) seront évalués. La date limite pour rendre vos exercices est visible sur AMeTICE, et aucun travail ne sera accepté après. Le corrigé sera affiché après l'évaluation des exercices. 

- https://github.com/holtzy/data_to_viz/tree/master/Example_dataset
- L'histogramme est nul.
- La frise chronologique pourrait suivre les entraîneurs de l'OM : https://fr.wikipedia.org/wiki/Liste_des_entra%C3%AEneurs_et_pr%C3%A9sidents_de_l%27Olympique_de_Marseille#Entra%C3%AEneurs_de_l'%C3%A9quipe_premi%C3%A8re
- Un scatter plot avec les surfaces des appartement et leur prix ? C'est [ici](https://github.com/holtzy/data_to_viz/blob/master/Example_dataset/2_TwoNum.csv)
- Un truc intéressant à faire : un diagramme de Sankey avec d'une coté les séries de bac techno et de l'autre coté les BUTs.

Exercices

Exercice 1

Dans cet exercice, vous allez faire un graphique de type line chart pour afficher la population en France depuis 1900.

Vous trouverez ces données ici. Pour cet exercice, il suffit d'utiliser la population en 1900, 1910, 1920, ..., 2020.

Utiliser les paramètres de Google Charts pour personnaliser votre graphique : titre, couleurs, légende, etc.

Exercice 2

Dans cet exercice, vous allez faire un graphique de type GeoChart pour afficher le salaire annuel médian dans plusieurs pays européens.

Vous trouverez ces données ici. Parmi tous ces pays, ne gardez qu'une quinzaine pour votre graphique.

Pensez à bien utiliser utiliser les paramètres de ce type de graphique, notamment pour n'afficher que le continent européen. Vous trouverez des informations sur comment limiter la zone géographique dans les exemples de la documentation et ici.

Exercice 3* noté

Dans cet exercice vous allez faire une frise chronologique avec les présidents de la Cinquième République.

Vous trouverez ces données ici.

Faites bien attention à comment déclarer les dates en JavaScript.