Public
Edited
Feb 10, 2023
Insert cell
Insert cell
Plot.auto(penguins, {x: "body_mass_g", y: "flipper_length_mm"}).plot()
Insert cell
Insert cell
Insert cell
Plot.auto(aapl, {x: "Date", y: "Close"}).plot()
Insert cell
Insert cell
Plot.auto(olympians, {x: "height"}).plot()
Insert cell
Plot.auto(penguins, {x: "island"}).plot()
Insert cell
Insert cell
Insert cell
Plot.auto(penguins, {x: "body_mass_g", y: {reduce: null}}).plot()
Insert cell
Insert cell
Plot.auto(olympians, {x: "height", y: "weight", color: "count"}).plot()
Insert cell
Insert cell
Plot.rect(olympians, Plot.bin({fill: "count"}, {x: "height", y: "weight"})).plot()
Insert cell
Insert cell
Insert cell
Plot.auto(olympians, {x: "height", y: "sex", color: "count"}).plot()
Insert cell
Insert cell
Plot.auto(penguins, {y: "island"}).plot()
Insert cell
Insert cell
Plot.auto(industries, {x: "date", y: "unemployed", color: "industry"}).plot()
Insert cell
Plot.auto(industries, {x: "date", y: "unemployed", color: "industry", mark: "area"}).plot()
Insert cell
Insert cell
Insert cell
Plot
.auto(olympians, {x: "date_of_birth", y: {value: "height", reduce: "mean"}, color: "sex", mark: "line"})
.plot({color: {legend: true}})
Insert cell
Insert cell
Insert cell
Plot.auto(aapl, {x: "Date", y: "Close", size: "Volume"}).plot()
Insert cell
Insert cell
Plot.auto(penguins, {
x: "body_mass_g",
y: "culmen_length_mm",
fx: "island",
fy: "species"
}).plot({
x: {label: "Body mass →", ticks: 5},
y: {label: "↑ Culmen length (mm)"},
marginRight: 70
})
Insert cell
Insert cell
Insert cell
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