30:Tf9c,sommaire = { var dom = html`

`; var shadow = dom.shadowRoot || dom.attachShadow({ mode: "open" }); var reveal = html`

🌏 🌐 🗺️

Observable pour les géographes

👩‍💻 👩‍🏫

Nicolas Lambert, CNRS - UAR RIATE
observablehq.com/@neocartocnrs

Introduction

Petite histoire (incomplète et subjective) de la cartographie et la dataviz

Le JavaScript

R, Python, etc. Mais pourquoi par le langage JavaScript pour l'analyse de données ?

Observable

L’Observable javascript (ou ojs) est un ensemble d’améliorations apportées à vanilla JavaScript

Tableaux de données

Comment ajouter et manipuler des tableaux de données avec JavaScript

Données spatiales

Comment ajouter et manipuler des données géographiques avec JavaScript

Le format SVG

Quelques rappels et principes de base sur le format SVG

D3.js

d3.js est une grosse librairie qui fait beaucoup de choses. Depuis 2015, elle est composée de différents modules spécialisés.

Observable Plot

Observable Plot est une bibliothèque JavaScript gratuite et open-source qui permet de visualiser rapidement des données tabulaires.

Du SIG dans le navigateur

Il est possible de faire des géotraitements SIG directement sur votre page web.

Cartographier avec Bertin

bertin.js est une bibliothèque JavaScript qui permet de réaliser des cartes thématiques pour le web.

Cartographier avec geoviz

geoviz.js est une nouvelle bibliothèque qui permet de réaliser des cartes thématiques zoomables pour le web.

#JSspatial

Aller plus loin : l'écosystème spatial du JavaScript. Work in progress 🚀

Tous les notebooks
sont disponibles à l'adresse suivante :

https://observablehq.com/collection/ @neocartocnrs/observable-cest-quoi

`; shadow.appendChild(reveal); var deck = new Reveal(reveal, { embedded: true }); deck.initialize(); return dom; }31:[{"id":"b9f31a0ed5d232aa68b1af2854faf8097044b56bc305a8f645af71582463015aa9054e9d88e670b77683c6ec2e4752de8bb95959abffa6b261ff55b9a331f3ab","href":"https://static.observableusercontent.com/files/b9f31a0ed5d232aa68b1af2854faf8097044b56bc305a8f645af71582463015aa9054e9d88e670b77683c6ec2e4752de8bb95959abffa6b261ff55b9a331f3ab","name":"histoire.png","type":"image/png","lastModified":1698050432563.947,"size":519048},{"id":"0121fb7b1107cb84f05457853bdc8b1d07bb5a6f9f76984a9b8c11ae1faca39d3e2726de04a4f5a56c24a56c285b26b0101b06825fa5d5d70cf9af5b9e591a1c","href":"https://static.observableusercontent.com/files/0121fb7b1107cb84f05457853bdc8b1d07bb5a6f9f76984a9b8c11ae1faca39d3e2726de04a4f5a56c24a56c285b26b0101b06825fa5d5d70cf9af5b9e591a1c","name":"js.png","type":"image/png","lastModified":1698050588918.697,"size":1992},{"id":"4186973f9eb80492b0f4bd4fc0e4ef99bff4059a867565e6f6ed42ac89201dca5080cd2457090674d9276c768803b1c7318a9fb95569ab863d579490d9a9e9f0","href":"https://static.observableusercontent.com/files/4186973f9eb80492b0f4bd4fc0e4ef99bff4059a867565e6f6ed42ac89201dca5080cd2457090674d9276c768803b1c7318a9fb95569ab863d579490d9a9e9f0","name":"geo.png","type":"image/png","lastModified":1698052508214.089,"size":224864},{"id":"397254501d62d5b1a439018f1b705da854e33ad083bbc68ac68094da2bb96c273e8e4c4509d94bc2b973f75e28e11f59d8cd2d47497c809979d83d1aad851a34","href":"https://static.observableusercontent.com/files/397254501d62d5b1a439018f1b705da854e33ad083bbc68ac68094da2bb96c273e8e4c4509d94bc2b973f75e28e11f59d8cd2d47497c809979d83d1aad851a34","name":"geoviz.jpg","type":"image/jpeg","lastModified":1699619870224.67,"size":9875},{"id":"9881817dd7287c09146f29145a56b596c026fdf02b0505d2b2ebd9c42f00f1108b063f18087b5cc89c55467bdbf6daaf7d00057f313ced65f175394ba3046923","href":"https://static.observableusercontent.com/files/9881817dd7287c09146f29145a56b596c026fdf02b0505d2b2ebd9c42f00f1108b063f18087b5cc89c55467bdbf6daaf7d00057f313ced65f175394ba3046923","name":"geogis.jpeg","type":"image/jpeg","lastModified":1699630035777.965,"size":3343},{"id":"5bf6024c54640724f501cff4381c7562eb8c75723a7e7f891c08b66d5991b0931082a94de0b5cdf318affb93421a7293a9d73d01a4c17f3990f1e671e67a2cc0","href":"https://static.observableusercontent.com/files/5bf6024c54640724f501cff4381c7562eb8c75723a7e7f891c08b66d5991b0931082a94de0b5cdf318affb93421a7293a9d73d01a4c17f3990f1e671e67a2cc0","name":"observable.png","type":"image/png","lastModified":1698052212822.677,"size":68313},{"id":"d4f1fb6584e6be47343da9f934bb395b0dcd0b2c45c3e75bceef097c4b54362ef49cb67ecda1e2d3b61e0655a21269cce669e9fae1b905d08ae0f53cb965e5ec","href":"https://static.observableusercontent.com/files/d4f1fb6584e6be47343da9f934bb395b0dcd0b2c45c3e75bceef097c4b54362ef49cb67ecda1e2d3b61e0655a21269cce669e9fae1b905d08ae0f53cb965e5ec","name":"datatable.png","type":"image/png","lastModified":1698052356662.131,"size":54729},{"id":"5f8c0968a159e695455e34fe17887f5f6a63cadd53d3913f73512b4045e66dfa93c397460b32f5d7e68d80e06df1cf2576de3e8401b62231c994dd7bdf101121","href":"https://static.observableusercontent.com/files/5f8c0968a159e695455e34fe17887f5f6a63cadd53d3913f73512b4045e66dfa93c397460b32f5d7e68d80e06df1cf2576de3e8401b62231c994dd7bdf101121","name":"formatsvg.png","type":"image/png","lastModified":1698052805039.88,"size":53157},{"id":"a93890ef1c2553b6a9f5b817a5ceb7c664a55f21d22ef5d0b4742a36535a0462305980c9c27eb669b2cd960473ffd49aba681458e5eedc23b02876bf30bbbcd2","href":"https://static.observableusercontent.com/files/a93890ef1c2553b6a9f5b817a5ceb7c664a55f21d22ef5d0b4742a36535a0462305980c9c27eb669b2cd960473ffd49aba681458e5eedc23b02876bf30bbbcd2","name":"plot.jpeg","type":"image/jpeg","lastModified":1698052841796.146,"size":17512},{"id":"3348e71357d0c82166479d426e54ee075caec5b50ddd08101b707bf1c43540c95ecb353739b1c11040053fdc30b0dfbd96564e9ca489bea72ae16bff6d708579","href":"https://static.observableusercontent.com/files/3348e71357d0c82166479d426e54ee075caec5b50ddd08101b707bf1c43540c95ecb353739b1c11040053fdc30b0dfbd96564e9ca489bea72ae16bff6d708579","name":"d3.webp","type":"image/webp","lastModified":1698052974991.885,"size":97904},{"id":"62fa24dd7a3e31b9ea2fc450e92ea4d9853f7663034c5d8781294d7af1ce040fb3ea2369c04d8efd0a3c24aba00d2ccfae2d1687fc9b3c6e6de94518de44a5fb","href":"https://static.observableusercontent.com/files/62fa24dd7a3e31b9ea2fc450e92ea4d9853f7663034c5d8781294d7af1ce040fb3ea2369c04d8efd0a3c24aba00d2ccfae2d1687fc9b3c6e6de94518de44a5fb","name":"bertin.png","type":"image/png","lastModified":1698053180101.377,"size":153648},{"id":"83f5c0c9f01de7a77a3486cb1a2a06eeee4d123b6c71c08f92b7cc31aecdd4f7c0253c9b95334cdc907b5b59805cea76f1b9ebbcc756e505232cc82aae8dacb5","href":"https://static.observableusercontent.com/files/83f5c0c9f01de7a77a3486cb1a2a06eeee4d123b6c71c08f92b7cc31aecdd4f7c0253c9b95334cdc907b5b59805cea76f1b9ebbcc756e505232cc82aae8dacb5","name":"jsspatial.png","type":"image/png","lastModified":1698053408982.127,"size":202918}] 2e:{"title":"Sommaire","cells":[{"id":0,"value":"# Sommaire","pinned":false,"hidden":false,"mode":"md"},{"id":9,"value":"{\n const button = html``;\n button.onclick = () => sommaire.parentElement.requestFullscreen();\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"### *Appendix*","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"Reveal = require(\"reveal.js\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}