Public
Edited
Oct 29, 2023
Paused
Insert cell
Insert cell
Insert cell
Insert cell
dataset = FileAttachment("quartier_paris_pop12_pop07.geojson").json()
Insert cell
Insert cell
import { proj4d3 } from "@fil/proj4js-d3"
Insert cell
Insert cell
Insert cell
Plot.plot({
// Dans la propriété "projection" :
projection: {
// On utilise la propriété 'type' en lui donnant comme valeur
// une fonction qui retourne le résultat de la fonction 'proj4d3'
type: () => proj4d3("+proj=lcc +lat_0=46.5 +lon_0=3 +lat_1=49 +lat_2=44 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs +type=crs"),
// On utilise la propriété domain
// pour center la visualisation sur notre jeu de données
domain: dataset
},
inset: 4, // Une marge autour du jeu de données
marks: [
// La marque Plot.geo pour afficher le tracé du jeu de données
Plot.geo(dataset, {
stroke: "black",
strokeWidth: 0.5,
fill: "rgba(0,0,0,0.3)"
}),
Plot.frame()
]
})
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