Public
Edited
May 16, 2024
Importers
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
cars
Insert cell
liste = [12, 13, 3, 45]
Insert cell
d3.min(liste)
Insert cell
d3.max(liste)
Insert cell
d3.min(cars)
Insert cell
listeDates = cars.map(d => d.year)
Insert cell
listeDates.push(null)
Insert cell
ensembleDates = new Set (listeDates.sort())
Insert cell
minYear = d3.min(listeDates)
Insert cell
maxYear = d3.max(listeDates)
Insert cell
domain = [d3.min(cars.map(d => d.year)), d3.max(cars.map(d => d.year))]
Insert cell
domain: [min year, max year]
Insert cell
Insert cell
Insert cell
Insert cell
Select a data source…
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
artworksSelectLena
SELECT * FROM artworksSelectLena WHERE Nationality =="German"
Insert cell
data = {


return "hello"
}
Insert cell
Insert cell
Insert cell
viewof checkboxes = Inputs.checkbox(["A", "B"], {label: "Select some", value: ["A"]})
Insert cell
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
Insert cell
viewof form = Inputs.form({
option1: Inputs.checkbox(["A", "B"], {label: "Select some"}),
option2: Inputs.range([0, 100], {label: "Amount", step: 1}),
option3: Inputs.radio(["A", "B"], {label: "Select one"}),
option4: Inputs.select(["A", "B"], {label: "Select one"})
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {tp3} from "@lenamk/plan-du-cours-hnu6056-hnu3056"
Insert cell
library = import("https://cdn.skypack.dev/library@version")
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