Public
Edited
Jun 18, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
1+3
Insert cell
Insert cell
dummyscatterplot = Plot.plot({
marks: [
Plot.dot(cars, {x: "power (hp)", y: "economy (mpg)"})
]
})
Insert cell
Insert cell
viewof amount = Inputs.range([0, 100], {label:"Amount", step:3})
Insert cell
Insert cell
yearly = amount*12
Insert cell
total = amount*(years**(1+interest/100))
Insert cell
viewof interest = Inputs.radio(["1", "2", "3", "5", "7.5", "12"], {label:"Interest rate {%}", value:"3"})
Insert cell
viewof years = Inputs.select(["10", "15", "20", "30"], {label:"Years"})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof table = Inputs.table(cars)
Insert cell
table
Insert cell
table
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
table
SELECT * FROM "table"
WHERE "economy (mpg)" > 6
Insert cell
Insert cell
titanic = new DatasetteClient('https://datasette.zealmaker.com/titanic')
Insert cell
viewof sex = Inputs.select(["male", "female"], {label:"Sex"})
Insert cell
titanic
select * from train where sex == ${sex}
Insert cell
sel_titanic
Insert cell
db = SQLiteDatabaseClient.open(table)
Insert cell
d
Insert cell
Insert cell
Insert cell
import {DatasetteClient} from "@ambassadors/datasette-client"
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