Published
Edited
Apr 2, 2020
Insert cell
md`# Hello`
Insert cell
viewof sandwiches = html`<input type=range min=30 max=70 />`
Insert cell
total = {
let total = sandwiches * 10;
if (sandwiches > 50) {
total *= 0.9;
}
return total;
}
Insert cell
md`The bill for ${sandwiches} sandwiches is ${total}`
Insert cell
dog = (await fetch(`https://dog.ceo/api/breeds/image/random`)).json()
Insert cell
html`<img src='${dog.message}' />`
Insert cell
breeds = (await fetch(`https://dog.ceo/api/breeds/list/all`)).json()
Insert cell
import { select } from "@jashkenas/inputs"
Insert cell
viewof breed = select(Object.keys(breeds.message))
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