2e:null 2f:["$","title",null,{"children":"Exercice - Préparation et transformation de données | Geovis-M2-GEOMAS | Observable"}] 34:[] 32:{"id":"908c4c022e2f1065","slug":"exercice-preparation-et-transformation-de-donnees","title":"Exercice - Préparation et transformation de données","thumbnail":"782c22273d08a75aed465222d7248dc7ae352d771ce82b13168dec050547a233","access_level":"public","create_time":"$D2025-02-07T08:57:54.852Z","update_time":"$D2026-01-08T13:05:44.190Z","view_time":null,"first_public_time":"$D2025-02-07T08:57:54.852Z","has_unpublished_edits":null,"fork":{"id":"a0a54c0cec6fea42","slug":"preparation-et-transformation-de-donnees-exercices","title":"Exercices - Préparation et transformation de données","owner":{"id":"daf0693188c7d3b6","login":"sd-progwebdataviz","name":"BUT SD - Cours Programmation Web Dataviz"}},"stars":0,"starred":false,"owner":{"type":"team","id":"cbfb1a463d2459af","login":"geovis-m2-geomas","name":"Geovis-M2-GEOMAS","avatar_url":"https://avatars-next.observableusercontent.com/8480906916f9dcdd46d764fb7c433c135aeb94fe0a4cf7ba198784851c520c5b","tier":"starter_2024"},"version":386,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8e230b124d25dec4","login":"mthh","name":"Matthieu Viry","avatar_url":"https://avatars-next.observableusercontent.com/911bd8720f0dbfd44850e291921253c0242ac77c4537d932fde7db5c82ebb267","tier":null}],"members":[{"type":"individual","id":"8e230b124d25dec4","login":"mthh","name":"Matthieu Viry","avatar_url":"https://avatars-next.observableusercontent.com/911bd8720f0dbfd44850e291921253c0242ac77c4537d932fde7db5c82ebb267","tier":null,"role":"editor"},{"type":"team","id":"cbfb1a463d2459af","login":"geovis-m2-geomas","name":"Geovis-M2-GEOMAS","avatar_url":"https://avatars-next.observableusercontent.com/8480906916f9dcdd46d764fb7c433c135aeb94fe0a4cf7ba198784851c520c5b","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":15,"collection":{"id":"0d62c54373f4d746","slug":"exercices","title":"Exercices","owner":{"id":"cbfb1a463d2459af","login":"geovis-m2-geomas","name":"Geovis-M2-GEOMAS"}},"type":"notebook","body":{"title":"Exercice - Préparation et transformation de données","cells":[{"id":0,"value":"# Exercice - Préparation et transformation de données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":268,"value":"

Support de cours pour les étudiants 2025-2026 de 2ème année du Master GAED - parcours GEOMAS de l'IUGA - Université Grenoble Alpes.

\n\nIntervenant : Matthieu Viry

\nVoir l'ensemble des notebooks ici.\n\n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"Pour ces exercices, nous utiliserons les données de collisions de véhicules de NYC provenant de [NYC Open Data](https://data.cityofnewyork.us/Public-Safety/Motor-Vehicle-Collisions-Crashes/h9gi-nx95). Un sous-ensemble modifié de ces données pour 2019 sous forme de [Gist](https://gist.github.com/DanielKerrigan/d01fc44e4cee0c5c2434f464497ba260). Chaque ligne est un accident et contient la date, l'heure, l'arrondissement, le code postal, le nombre de personnes blessées, le nombre de personnes tuées et le facteur principal. Certaines lignes ont des valeurs manquantes.\n\nPour répondre aux questions de cet exercice, vous vous aiderez si nécessaire du notebook [\"Préparation et transformation de données\"](https://observablehq.com/@geovis-m2-geomas/preparation-et-transformation-de-donnees).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"Nous commençons par utiliser `d3.csv` pour télécharger le fichier csv, le parser sous forme d'un tableau d'objets, et modifier directement les valeurs pour pouvoir les utiliser facilement.\n\nLe premier argument de `d3.csv` est l'URL du jeu de données, et le deuxième argument (optionnel) est une fonction qui sera appliquée immédiatement à chaque ligne du fichier CSV.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"url = 'https://gist.githubusercontent.com/DanielKerrigan/d01fc44e4cee0c5c2434f464497ba260/raw/982bcefac49be9fd29887cbaead524e033f6dad4/nyc-collisions-2019-reduced.csv'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"data = d3.csv(url, (crash) => ({\n // Combine \"date\" et \"time\" pour créer une chaine de caractère au format\n // attendu (yyyy-mm-dd hh:mm:ss) pour instancier un objet Date \n datetime: d3.timeParse('%m/%d/%Y %H:%M')(crash.date + ' ' + crash.time),\n borough: crash.borough,\n zip: crash.zip, \n injured: +crash.injured, // + converti les chaines de caractères en nombre\n killed: +crash.killed,\n cause: crash.cause\n}));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"Inputs.table(data, {columns: [\"datetime\", \"borough\", \"zip\", \"injured\", \"killed\", \"cause\"], layout: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"## Questions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"**Q1.**\n\nQuel est le nombre total de personnes tuées dans un accident ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":81,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":94,"value":"**Q2.**\n\nQuel est le nombre moyen de personnes bléssées ou tuées dans un accident ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"**Q3.**\n\nCombien d'accidents n'ont pas de code postal (colonne \"zip\") ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":115,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"**Q4.**\n\nCombien de valeurs uniques de code postal (\"zip\") existe-t-il dans le jeu de données ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":120,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"**Q5.**\n\nQuel est le nombre maximum de personnes blessées dans un accident ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":125,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"**Q6.**\n\nCréez un tableau (*Array*) de tous les accidents qui ont eu lieu dans le code postal '11201'.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":137,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"**Q7.**\n\nCréez un tableau (*Array*) de tous les accidents pour lesquels la valeur de `borough` est non-nulle.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":166,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"**Q8.**\n\nCombien d'accidents se produisent chaque jour du mois ?\n\n*Indice : vous pouvez obtenir le jour du mois en appelant la méthode `getDate` des objets de type `Date` qui sont stockés dans la propriété `datetime` des objets qui sont contenus dans la variable `data`*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":255,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"**Q9.**\n\nCréez un tableau contenants les 5 accidents qui ont blessés le plus de personnes.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":191,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"**Q10.**\n\nCréez un tableau contenants tous les accidents qui se sont produits un samedi ou un dimanche.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":261,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"**Q11.**\n\nQuel est mois durant le quel le plus d'accidents se sont produit ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":273,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":284,"value":"**Q12.** Créez un nouveau jeu de données, sur la base de celui-ci, résumant les informations *injured* et *killed* par *borough*.\nPensez au fait que de nombreux accidents n'ont pas de valeur dans le champ `borough`. \n\nCe jeu de données doit être de la forme suivante :\n\n```js\ndataSummary = [\n {name: \"MANHATTAN\", value: xxx, type: 'injured'},\n {name: \"MANHATTAN\", value: xxx, type: 'killed'},\n {name: \"QUEENS\", value: xxx, type: 'injured'},\n {name: \"QUEENS\", value: xxx, type: 'killed'},\n // ....\n // Et ainsi de suite pour tous les borough ...\n // Pour les accidents sans valeur de borough,\n // vous pouvez les regrouper avec le nom \"Inconnu\" par exemple :\n {name: \"Inconnu\", value: xxx, type: 'injured'},\n {name: \"Inconnu\", value: xxx, type: 'killed'},\n]\n```\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":289,"value":"// Réponse ici","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"**Q13.**\n\nQuels types de représentations pourriez-vous réaliser pour résumer et présenter visuellement les données ?\nVous devez proposer au moins 2 graphiques, de type différent. Pour chacun vous préciserez quelles variables vont apparaître et de quelle manière (en abscisses, en ordonnées, etc.)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":185,"value":"-> Votre réponse ici","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":292,"value":"**Q14 - Bonus.**\n\nEn fonction du temps dont vous disposez, vous pouvez cliquer sur le symbole **+** en bas à gauche de cette cellule et regardé les graphiques qui sont proposés. Choisissez en un qui correspond à ce que vous avez proposé et essayez de l'adapter aux données de cet exercice (soit avec `data`, soit avec `dataSummary`, préparé en question 12).\n\nLa prochaine étape du cours consistera à regarder en détails la façon dont fonctionne la bibliothèque Plot.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"