Crafting Visual Stories with Data.
a = 12
b = 12
a + b + range
viewof range = Inputs.range([0, 100], {label: "Amount", step: 1})
data.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
viewof color = Inputs.color({label: "Favorite color", value: "#4682b4"})
Plot.plot({
marks: [
Plot.barY(data, {
x: "area",
y: "sales",
fill: color,
sort: { x: "y", reverse: true }
}),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [
Plot.dot(data, { x: "area", y: "sales", sort: { x: "y", reverse: true } }),
Plot.barY(data, { x: "area", y: "sales", sort: { x: "y", reverse: true } }),
Plot.ruleY([0])
]
})
Plot.plot({
marks: [Plot.tickX(data, { x: "area", y: "sales" })]
})
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.
