2c:null 2d:["$","title",null,{"children":"Prise en main de la bibliothèque geoviz | Master 1 GAED (Université Paris Cité) | Observable"}] 32:[{"id":"bb6686ae8149fbe7b45123aef81eb6d9d3bd08d3106e741cf9a898667988952fd28c97e09e45b035f2c5a3abbec12325d2c63118a744f28dd16680b85348b8a8","href":"https://static.observableusercontent.com/files/bb6686ae8149fbe7b45123aef81eb6d9d3bd08d3106e741cf9a898667988952fd28c97e09e45b035f2c5a3abbec12325d2c63118a744f28dd16680b85348b8a8","name":"api.png","type":"image/png","lastModified":1728654859715.761,"size":128455},{"id":"0c0853c2ce3b08cbb1de6a9e84308b352fd9639a57c1f2bdbfa3b9ab740f162da85191c23712c302fc117794e827bf6c4cebc2411ce271ea77b0a12d785ad56a","href":"https://static.observableusercontent.com/files/0c0853c2ce3b08cbb1de6a9e84308b352fd9639a57c1f2bdbfa3b9ab740f162da85191c23712c302fc117794e827bf6c4cebc2411ce271ea77b0a12d785ad56a","name":"attach.png","type":"image/png","lastModified":1728654859715.761,"size":1058},{"id":"26713a8c21f5b75a2e6942385e691cb293e0177e35107749a99dfab56659f2be5424be38d377e1426715086d920206b553587373b8e7390ded81a09be27c76c1","href":"https://static.observableusercontent.com/files/26713a8c21f5b75a2e6942385e691cb293e0177e35107749a99dfab56659f2be5424be38d377e1426715086d920206b553587373b8e7390ded81a09be27c76c1","name":"worldbank.csv","type":"text/csv","lastModified":1728654859715.761,"size":11012},{"id":"890df102d43820c396d49d31a6b09e0d868ff9a9f39d04f3d925e897785eeb9d6b193b8d693a405de0cb8ae9b98f8559f532eda9b4919201976d91b31820639f","href":"https://static.observableusercontent.com/files/890df102d43820c396d49d31a6b09e0d868ff9a9f39d04f3d925e897785eeb9d6b193b8d693a405de0cb8ae9b98f8559f532eda9b4919201976d91b31820639f","name":"world.json","type":"application/json","lastModified":1728654859715.761,"size":254454},{"id":"a131b5017abca42ed65467f94355b0660fa9a7bed686016850855356e4a05c049da19fa07bee94bf1c3b921e4eb632b5d46021270b774bf0ee7de6e33af1b50c","href":"https://static.observableusercontent.com/files/a131b5017abca42ed65467f94355b0660fa9a7bed686016850855356e4a05c049da19fa07bee94bf1c3b921e4eb632b5d46021270b774bf0ee7de6e33af1b50c","name":"Exo_geoviz.svg","type":"image/svg+xml","lastModified":1759307851883.681,"size":3257},{"id":"4f4bde73a45e607ee7ba89f7374445cb88d31aa64ca820b4ccd502ee7e84ed7f33d48d587e8790073a0561f40568e64eeac91fadfdbb8ca594c918cfc65217b8","href":"https://static.observableusercontent.com/files/4f4bde73a45e607ee7ba89f7374445cb88d31aa64ca820b4ccd502ee7e84ed7f33d48d587e8790073a0561f40568e64eeac91fadfdbb8ca594c918cfc65217b8","name":"fork.png","type":"image/png","lastModified":1789722758001,"size":3827}] 30:{"id":"acd57cd0709ab38f","slug":"tutogeoviz","title":"Prise en main de la bibliothèque geoviz","thumbnail":"dd7b2c7ee152946a2b58545ac3d21bf5e7a8f3aca8fdc393d6321cc7d9ba515d","access_level":"public","create_time":"$D2024-10-11T13:54:19.715Z","update_time":"$D2026-09-18T09:52:59.842Z","view_time":null,"first_public_time":"$D2024-10-11T14:02:33.459Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"2f0d745704536963","login":"cartographie","name":"Master 1 GAED (Université Paris Cité)","avatar_url":"https://avatars-next.observableusercontent.com/d447d58ab7daaf53a374a9079fb39a7b3b83e610bb7b9e4a19b3a2b9157cd2b5","tier":"education_2026","bio":""},"version":699,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"01f8081399df8778","login":"neocarto","name":"Nicolas Lambert","avatar_url":"https://avatars-next.observableusercontent.com/c01b6664b447a3bb88f88dbfa170e3ef1d61f3a5b13c2fc613c8da5ef8bccb41","tier":null,"bio":"Front-end cartographer. Research Engineer in Geographic Information Science at CNRS & UAR RIATE. Author of Mad Maps (2019), Practical Handbook of Thematic Cartography (2016, 2020, 2025) and Cartographia (2025)."}],"members":[{"type":"individual","id":"01f8081399df8778","login":"neocarto","name":"Nicolas Lambert","avatar_url":"https://avatars-next.observableusercontent.com/c01b6664b447a3bb88f88dbfa170e3ef1d61f3a5b13c2fc613c8da5ef8bccb41","tier":null,"role":"editor"},{"type":"team","id":"2f0d745704536963","login":"cartographie","name":"Master 1 GAED (Université Paris Cité)","avatar_url":"https://avatars-next.observableusercontent.com/d447d58ab7daaf53a374a9079fb39a7b3b83e610bb7b9e4a19b3a2b9157cd2b5","tier":"education_2026","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":51,"collection":{"id":"09ed04598662dd0a","slug":"exercices","title":"Exercices","owner":{"id":"2f0d745704536963","login":"cartographie","name":"Master 1 GAED (Université Paris Cité)"}},"type":"notebook","body":{"titling":"auto","title":"Prise en main de la bibliothèque geoviz","cells":[{"id":0,"value":"# Prise en main de la bibliothèque `geoviz`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":350,"value":"disclaimer\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":579,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":397,"value":"La **documentation complète** est disponible ici : https://riatelab.github.io/geoviz/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":407,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":363,"value":"## C'est parti ! ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"Rendez-vous sur ce notebook et cliquez sur le bouton **`fork`** pour le récupérer *chez vous*. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"### 👉 observablehq.com/@cartographie/tutogeoviz","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":577,"value":"FileAttachment(\"fork.png\").image({width:100})","pinned":false,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"## Présentation des données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"Voici quelques données sur les pays du Monde. Le fond de carte est issu du site web d'Eurostat et les données statistiques proviennent de la banque mondiale.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":327,"value":"Les données sont attachés au notebook comme des pièces jointes avec le bouton **épingle**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":328,"value":"attach = FileAttachment(\"attach.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"Elles sont ajoutées au notebook avec l'instruction **FileAttachment()**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"const pays = FileAttachment(\"world.json\").json()","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"const banquemondiale = FileAttachment(\"worldbank.csv\").csv({ typed: true })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"## Visualisation des données attributaires","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"- Affichez les données statistiques avec la fonction **`Inputs.table()`**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"// Inputs.table(...)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"- Repérez le fond de carte correspondant\n- Afficher la table attributaire du fond de carte avec la fonction `Inputs.table()`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"*NB : on accède à la table attributaire en écrivant : `votreFondDeCarte.features.map((d) => d.properties)`*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"//Inputs.table(...)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":41,"value":"Créez ci-dessous un cellule markdown et notez dans une belle phrase, le pays le plus riche et le pays le plus peuplé est...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":337,"value":"En 2020, le pays le plus riche sont les **USA** et le pays le plus peuplé est **Chine**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"## Visualisation les géométries","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"- Afficher le fond de carte avec Leaflet","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"// const container = display(html`

`);\n// const map = L.map(container, {zoomSnap: 1});\n// const layer = L.geoJSON(**geoJSON**).addTo(map);\n// L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\").addTo(map);\n// map.fitBounds(layer.getBounds());","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"- Afficher le fond de carte avec Plot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":251,"value":"// Plot.plot({ projection: \"equal-earth\", marks: [Plot.geo(pays)] })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"## Visualisation les géométries avec la bibliothèque `geoviz`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"- Chargez la version **0.9.4** de bibliothèque `geoviz` avec l'instruction **`require()`**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"const viz = import(\"npm:geoviz@1\")","pinned":false,"hidden":true,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"- Afficher le fond de carte avec la fonction **view()**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":575,"value":"// viz.view(...)","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"- Afficher votre fond de carte avec le fonction **`path()`** et la syntaxe suivante :","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":67,"value":"*NB : Vous pouvez vous aider de ce [notebook](https://observablehq.com/@neocartocnrs/path-mark)*.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":71,"value":"//viz.path({ ... })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"- Afficher une seconde fois avec la projection `NaturalEarth1`.\n\n- *NB: Pour cela, vous avez besoin des fonctions `create()` et `render()`. Regardez dans ce [notebook](https://observablehq.com/@neocartocnrs/containers). Pensez à bien spécifier le domaine d'affichage ou la projection de la carte*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":113,"value":"// let svg = viz.create({projection: \"...\"});\n// svg.path({...});\n// display(svg.render());","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"## Jointure","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":75,"value":"- Avec la fonction **`tool.merge()`**, visualisez la compatibilité entre le fond de carte et les données attributaires. *NB : Pour faire la jointure, vous devez bien repérer quels sont les noms des champs contenant les identifiants. Vous pouvez vous aider de ce [notebook](https://observablehq.com/@neocartocnrs/handle-geometries)*.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":77,"value":"// let merge = viz.tool.merge({\n// geom: ???,\n// geom_id: \"???\",\n// data:???,\n// data_id: \"???\"\n// })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":265,"value":"- Evaluez la jointure à l'aide du diagnostic","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":268,"value":"// merge.diagnostic","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"- Puis, récupérez le nouveau fond de carte contenant les données attributaires. Nommez-le `world`.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":84,"value":"// let world = ...","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"## Faire une carte *habillée*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":91,"value":"La bibliothèque `geoviz` permet de créer des cartes compexes en superposant de nombreux types de couches. Tous ces types sont décrits dans la [documentation](https://riatelab.github.io/geoviz/). N'hésitez pas à vous y référer en permanence. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":98,"value":"Dans une seule cellule, créez une carte du monde contenant : \n\n- Les océans (\"outline\")\n- des graticules (\"graticule\")\n- les pays en vert (\"path\")\n- un titre (\"header\")\n- une source (\"footer\")\n\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"Vous pouvez vous aider de ce [notebook](https://observablehq.com/@neocartocnrs/layout-marks).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":134,"value":"// let svg = viz.create({ projection: \"EqualEarth\" });\n// svg.outline();\n// svg.graticule();\n// svg.path({data: ....});\n// svg.header({text: ....);\n// svg.footer({text: ...});\n// display(svg.render());","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"# Cartographie thématique","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":430,"value":"Dans `geoviz`, pour créer des cartes thématiques, on a plusieurs fonctions dédiées à disposition : `\"prop\"`, `\"choro\"`, `\"typo\"`, `\"propchoro\"` et `\"proptypo\"`.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":232,"value":"## Créez une carte choroplèthe","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":127,"value":"Pour créer une carte choroplèthe, on utilise la fonction **`choro`**. Voir un exemple dans ce [notebook](https://observablehq.com/@neocartocnrs/choropleth).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":442,"value":"Identifiez la seule donnée quantitative relative du jeu de données et réalisez une carte choroplèthe. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":440,"value":"//viz.choro({...})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"Vous pouvez changez la couleur avec l'attribut **`colors`** (par exemple: \"Reds\", \"Blues\"), la méthode de discrétisation avec l'attribut **`method`** ('quantile', 'q6', 'equal', 'jenks', 'msd', 'geometric', 'headtail', 'pretty', 'arithmetic' or 'nestedmeans')) et le nombre de classes avec **`nb`**. Voir tous les paramètres [ici](https://riatelab.github.io/geoviz/global.html#plot/choro)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":462,"value":"Réalisez une carte en bleu avec la méthode q6. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":456,"value":"//viz.choro({ ... })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"## Créez une carte qualitative","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":468,"value":"Pour créer une carte qualitative, on utilise la fonction **`typo`**. Voir un exemple dans ce [notebook](https://observablehq.com/@neocartocnrs/typo).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":472,"value":"Identifiez la seule donnée qualitative nominale du jeu de données et réalisez une carte qualitative. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":474,"value":"//viz.typo({ ... })","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":477,"value":"Comme précédemment, vous pouvez changer les couleurs avec l'attribut colors. Tous les paramètres sont disponibles [ici](https://riatelab.github.io/geoviz/global.html#plot/typo) : ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":125,"value":"## Créez une carte en proportion","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":418,"value":"Pour créer une carte choroplèthe, il suffit d'utiliser la fonction **`prop`**. Voir un exemple dans ce [notebook](https://observablehq.com/@neocartocnrs/prop).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":299,"value":"En une ligne, réalisez une carte avec des cercles proportionnels sur la variable \"pop\".","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":148,"value":"//viz.prop({ ... })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"Maintenant, essayez de remplacer, avec l'attribut `symbol`, les cercles par des carrés ou des pointes.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":153,"value":"//viz.prop({ ... })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":480,"value":"## Combinaisons","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":487,"value":"Avec les fonction **`proptypo`** et **`propchoro`**, vous pouvez combiner deux variable dans un seul figuré. Voir ce [notebook](https://observablehq.com/@neocartocnrs/prop) ou la documentation : [proptypo](https://riatelab.github.io/geoviz/global.html#plot/proptypo) et [propchoro](https://riatelab.github.io/geoviz/global.html#plot/propchoro)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":496,"value":"Combinez population (**var1**) et PIB par habitant (**var2**).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":498,"value":"//viz.propchoro({ ... })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"Combinez population (**var1**) et region (**var2**).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":508,"value":"//viz.proptypo({ ... })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"## Créez une carte thématique habillée","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":302,"value":"Pour créer une carte habillée avec plusieurs couches, il faut utiliser les fonctions **create()** et **render()**.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":511,"value":"Réalisez une carte de population habillée","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":306,"value":"// let svg = viz.create({\n// projection: d3.geoEqualEarth()\n// });\n// svg.outline()\n// svg.graticule()\n// svg.plot(...);\n// svg.header(...);\n// svg.footer(...);\n// display(svg.render())","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"## Rendez la carte interactive 🔥","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":203,"value":"- **Infobulles**\n\nAvec l’attribut **`tip = true`**, vous pouvez ajouter des infobulles sur n'importe quelle couche géométrique. Voir ce [notebook](https://observablehq.com/@neocartocnrs/tooltip)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":224,"value":"// ...","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"- **Pan et zoom**\n\nEn utilisant **`zoomable = true`** au niveau du container, vous pouvez rendre la carte zoomable. Voir ce [notebook](https://observablehq.com/@neocartocnrs/zooming)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":226,"value":"// ...","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":220,"value":"- **Réctivité**\n\nGrace aux [**`Inputs`**](https://observablehq.com/documentation/inputs/overview) d'Observable, vous pouvez proposer la modification de n'importe quel élément de la carte.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":230,"value":"Ajoutez un Input de type slider pour modifier la taille des cercles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":314,"value":"let taille = view(Inputs.range([10, 100], {\n label: \"Taille des cercles\",\n step: 1,\n value: 30\n}))","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"// ...","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":551,"value":"## Correction","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":553,"value":"https://observablehq.com/@cartographie/geoviz-correction","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":352,"value":"## *Annexe*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":355,"value":"import { disclaimer } from \"d41fbc44e11a58e6\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"import { demo, documentation } from \"@neocartocnrs/geoviz\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"2"}} 31:"$30:body"