Le travail sera rendu au plus tard à 16h15, par e-mail ([email protected]).
Vous rendrez un fichier ZIP de tout votre projet excepté le dossier "node_modules" et vous donnerez votre nom de famille, prénom et classe à ce dossier. Vous êtes responsable de son contenu et devez vous assurer de la bonne réception du dossier avant de quitter la salle.
- Clonez la repository
git clone https://github.com/romanoe/examen-visualdon-22.git
ou téléchargez et décompressez le dossier depuis Cyberlearn. - Rentrez dans le dossier examen-visualdon-22 :
cd examen-visualdon-22
- Installez les packages nécessaires :
npm install
- Démarrez le serveur :
npm start
🚀 Vous devriez avoir accès à votre serveur local sur localhost:8080 🚀
Reproduire le dessin suivant dans le navigateur à l’aide des outils que vous avez appris en cours.
❗ La grille est à titre indicatif et elle ne doit pas être dessinée.
Vous avez à disposition les données de MétéoSuisse
de précipitation et d'ensoleillement par canton (data/canton_data.geojson
).
S'agissant d'un fichier geojson
, la composante géographique est directement dans les données. Les données sont structurées de la manière suivante :
id
: identifiant cantonname
: nom du canton (p. ex. Vaud)precipitation
: précipitation moyenne annuelleradiation
: ensoleillement moyen annuellatitude
: coordonnée sud (à utiliser dans exercice 3.2)longitude
: coordonnée est
Apportez les manipulations suivantes et imprimez les résultats dans la console :
- Le nom du canton avec le plus d'ensoleillement (maximum
radiation
) 🎯 5 points 🎯 - Le nom du canton avec le moins de précipitations (minimum
precipitation
) 🎯 5 points 🎯 - La moyenne de précipitation en Suisse 🎯 10 points 🎯
Avec les donnés de l'exercice précédent, produisez les visualisations suivantes :
- Visualisez une carte choroplète des cantons selon les valeurs de précipitations (sélecteur SVG et projection déjà en place 🎁) 🎯 10 points 🎯
- Rajoutez une info-bulle avec la précipitation par canton quand vous y survolez avec la souris 🎯 10 points 🎯
- Visualisez la relation entre ensoleillement et précipitation à l'aide d'un bubble chart (sélecteur SVG déjà en place) 🎯 10 points 🎯
- Radiation en axe Y
- Précipitation en axe X
- Les rayons des cercles proportionnels à la
latitude
- Créez une animation d'entrée pour les cercles (r=0 à r=
latitude
) 🎯 10 points 🎯 - Quel est le type d'échelle le plus pertinent à utiliser pour la
precipitation
? Imprimez la réponse dans la console. 🎯 5 points 🎯
- Rentrez dans le dossier web-scraping
cd web-scraping
- Installez les packages nécessaires
npm install
- Vous pouvez tester votre code avec les commandes
node src/web-scraping.js
. Les résultats devront être imprimés directement dans le terminal.
À l’aide des outils de web-scraping que vous avez appris en cours, allez à la page Wikipedia listant les lacs en Suisse (https://fr.wikipedia.org/wiki/Liste_des_lacs_de_Suisse) et :
- Prenez une capture d’écran de la page 🎯 5 points 🎯
- Imprimez dans la console tous les noms des lacs 🎯 5 points 🎯
- Imprimez dans la console le lac le plus profond en Suisse 🎯 5 points 🎯
- Imprimez dans la console le lac le plus grand en Suisse 🎯 5 points 🎯