The avatar for @jerryjappinen
Jerry Jäppinen
Design, tech, engineering and science. Head of Design and User Research.
Public
Libraries
Edited
Nov 2
Importers
1 star
1
Libraries
QR codesIconsTests on ObservableSlides on ObservableUILoopGoogle Docs on ObservableDark mode
URL params
AppwritePersistent shuffleSpider chartGraphQL on ObservableHygraph on ObservablePhysicsPermutationsContentful on ObservableEmbedEquationsGoogle Sheets on ObservableWolfram Alpha on ObservableMath
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

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more