The avatar for @jerryjappinen
Jerry Jäppinen
Design, tech, engineering and science. Head of Design and User Research.
Public
Libraries
Edited
Nov 2, 2024
Importers
1 star
1
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
viewof foo = Inputs.text({ value: urlParams.foo || '' })
Insert cell
foo
Insert cell
Insert cell
Insert cell
Insert cell
limit = urlNumbers.limit || 40
Insert cell
Plot.plot({
marks: [
Plot.dot(_.slice(cars, 0, limit), { x: "power (hp)", y: "economy (mpg)" })
],
height: 200
})
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
urlParams.limit
Insert cell
Insert cell
Insert cell
Insert cell
urlNumbers
Insert cell
Insert cell
Insert cell
urlBooleans
Insert cell
Insert cell
Insert cell
urlStrings.foo
Insert cell
urlStrings.limit
Insert cell
parseFloat(urlStrings.limit)
Insert cell
Insert cell
Insert cell
Insert cell
urlLists
Insert cell
Insert cell
parseList("foo; bar; hello; world", ";")
Insert cell
Insert cell
Insert cell
Insert cell
makeUrl() // No params
Insert cell
makeUrl({ foo: 'bar' }) // Custom params
Insert cell
makeUrl(urlParams) // Params that were loaded
Insert cell
Insert cell
Insert cell
liveParams = ({
foo
})
Insert cell
makeUrl(liveParams)
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
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