Skip to content
Atelier de visualisation cartographique dans le cadre de la Summer School "Phonologie de corpus", UNIL (22-26.07.2019)
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
donnees
js
varia
.DS_Store
.gitattributes
README.md
index.html
style.css

README.md

Carte choroplète de données linguistiques en D3.js

Description

Ce répertoire contient le matériel de travail pour l'atelier de visualisation cartographique donné par Isaac Pante dans le cadre de la Summer School "Phonologie de corpus" dispensée à l'UNIL du 22 au 26 juillet 2019. Il se propose de récupérer et transformer des données extraites de questionnaires documentant la réalisation du schwa en français contemporain et de produire une carte choroplète sommaire de ces données linguistiques grâce à la librairie D3.js. En fin d'atelier, la librairie tabletop.js est utilisée pour charger des données stockées dans une feuille Google Docs publique.

image

Le script réalisé durant l'atelier est divisé en une vingtaine d'étapes. Chacune d'elle est numérotée et dispose de son propre fichier dans le répertoire JS. Les données sont rassemblées dans le répertoire du même nom. Le répertoire varia contient d'autres ressources, rassemblées à titre d'illustration.

Outils de développement utilsés durant l'atelier

  1. Visual Studio Code
  2. le plugin live reload

Charger une étape de script

  1. télécharger l'archive
  2. ouvrir index.html dans VS Code Editor
  3. cliquer sur "Go Live" (dans la barre au bas de VS Code)

Changez de script en modifiant le numéro du fichier javascript à la ligne 18 du fichier "index.html"

Conventions de notation

  • /* : signale l'objectif du script
  • //>> : signale un commentaire pour l'étape actuelle
  • // : signale un commentaire d'une étape précédente
  • //!! : signale une particularité de la librairie ou de js
  • //?? : signale un exercice à réaliser pour vous tester

Ressources complémentaires

Remarque générale

Le code disponible dans cette archive a été pensé à des fins pédagogiques. A ce titre, il compte un certain nombre de redondances (pour faciliter l'acquisition), une variation syntaxique (pour présenter différents styles de codage) et n'est pas optimisé.

You can’t perform that action at this time.