The avatar for @neocartocnrs
Nicolas Lambert
Hi. I'm Nicolas Lambert, research engineer in geographic information science at CNRS (France). My job is to draw maps and teach cartography at the university. I am a geographer 🌎, and not really a developer 🖥️
Public
Observable pour les geographes
Edited
Nov 18
2 forks
1 star
13
Observable pour les geographes
SommairePetite histoire (incomplète et subjective) de la cartographie et la datavizEt pourquoi pas le JavaScript ?
Observable kezako ?
Les tableaux de donnéesLes données géographiquesLe format SVGLa bibliothèque d3jsFaire des graphiques avec plot (mais pas que)Faire du SIG dans la navigateurFaire des cartes avec bertinFaire des cartes avec geovizL'écosystème spatial du JavaScript
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// Ceci est une cellule
Insert cell
Insert cell
Voici du texte en *italic* ou en __gras__ avec un [lien](https://observablehq.com/).
Insert cell
Insert cell
Insert cell
c = \pm\sqrt{a^2 + b^2}
Insert cell
Insert cell
<div>Ceci est du texte surligné en <span style="background-color:tomato; color:white">rouge</span>.</div>
Insert cell
Insert cell
Insert cell
Insert cell
<svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100px" height="100px" fill="#F2CD3B" stroke="#06000C" />
</svg>
Insert cell
Insert cell
Insert cell
a = 50
Insert cell
b = 100
Insert cell
c = a + b
Insert cell
Insert cell
x = {
let val1 = 8;
let val2 = 7;
return val1 * val2;
}
Insert cell
Insert cell
function sum(a, b) {
return a + b;
}
Insert cell
sum(10, 30)
Insert cell
multi = (a, b) => a * b
Insert cell
multi(3, 8)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
e + d
Insert cell
e = 20
Insert cell
d = 666
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Inputs
Insert cell
viewof radios = Inputs.radio(["pop", "pib", "idh"], {
label: "Variable à traiter",
value: "pop"
})
Insert cell
radios
Insert cell
viewof date = Inputs.date({label: "Date", value: "2023-09-28"})
Insert cell
viewof select = Inputs.select(["Paris", "Marseille", "Lyon", "Toulouse"], {
label: "Choisissez une ville"
})
Insert cell
Insert cell
Insert cell
<svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
<circle cx=50 cy=50 r=50 fill="#4ab58c"/>
</svg>
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
<svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg">
<circle cx=${position} cy="50" r=${radius} fill="${color}"/>
</svg>
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
premiermai
Insert cell
Insert cell
import { chart1 } from "@neocartocnrs/strikes"
Insert cell
chart1
Insert cell
Insert cell
Insert cell
dicopal = require("dicopal")
Insert cell
dicopal.getPaletteProviders()
Insert cell
dicopal.getRawData("colorbrewer")
Insert cell
pal = dicopal.getColors("Sunset", 5)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more