Public
Edited
Feb 18, 2024
Insert cell
Insert cell
Insert cell
a=12
Insert cell
b=10
Insert cell
a+b
Insert cell
viewof range = Inputs.range([0, 100], {label: "Price", step: 1})
Insert cell
RawData.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [
Plot.barY(rawdata, {x: "Area", y: "Sales", fill: color}),
//Plot.dotX(rawdata, {x: "Area", y: "Sales"},),
Plot.ruleY([0])
]
})
Insert cell
viewof color = Inputs.color({label: "Favorite color", value: "#4682b4"})
Insert cell
Plot.plot({
y: {
tickFormat: "s"
},
marks: [
Plot.dotX(rawdata, {x:"Area", y: "Profit", fill: color,tip:true, sort: {x: null,y:null, reverse: false}}),
Plot.ruleY([0])
]
})
Insert cell
Plot.plot({
marks: [
Plot.tickX(rawdata, {x: "Area", y: "Profit"})
]
})
Insert cell
Plot.plot({
marks: [
Plot.barY(alphabet, {x: "letter", y: "frequency", sort: {x: "y", reverse: true}}),
Plot.ruleY([0])
]
})
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