Crafting Visual Stories with Data.
import { sheetsData } from "@amitkaps/getting-started-with-a-notebook"
data = sheetsData
Inputs.table(sheetsData, { width: 400 })
import { Wrangler, op } from "@observablehq/data-wrangler"
Wrangler(sheetsData)
foldedData = aq.from(data).fold(["sales", "profit"]).objects()
Inputs.table(foldedData, { width: 400 })
Plot.plot({
marks: [
Plot.frame(),
Plot.text(["Hello, world!"], { frameAnchor: "middle" })]
})
Plot.plot({
width: 200,
height: 100,
marks: [Plot.frame()]
})
Plot.plot({
x: { axis: null },
marks: [
Plot.barY(foldedData, { x: "key", y: "value", fill: "key", fx: "area" }),
Plot.ruleY([0])
]
})
data
Type Table, then Shift-Enter. Ctrl-space for more options.
viewof table = Inputs.table(cars)
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.
