The avatar for @alainro
Alain Roan
DataViz, Dashboard, Observable Ambassador and Notion Certified
Public
Edited
Mar 16, 2023
1 fork
5
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
FileAttachment("electricite@2.csv").csv({ typed: true })
Insert cell
electricite@2.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [Plot.areaY(electricite2, { x: "date", y: "total" }), Plot.ruleY([0])]
})
Insert cell
Insert cell
FileAttachment("electricite@1.json").json()
Insert cell
Insert cell
xls = FileAttachment("electricite@2.xlsx").xlsx()
Insert cell
xls.sheet(0)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
indices.records.map((d) => d.fields.nom)
Insert cell
Insert cell
indices.records.forEach((d) => (d.fields.geo = JSON.parse(d.fields.geo_shape))) // transformer le format string en tableau javascript
Insert cell
indices
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
map = {
const container = yield htl.html`<div style="height: 500px;">`;
const map = L.map(container).setView([37.774, -122.423], 13);
L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
attribution:
"© <a href=https://www.openstreetmap.org/copyright>OpenStreetMap</a> contributors"
}).addTo(map);
}
Insert cell
dge = FileAttachment("datagrandest.json").json()
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