The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
May 25, 2023
athletes
athletes
X
height
Y
nationality
Color
—
Size
—
Facet X
—
Facet Y
—
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.
viewof athletes = Plot.plot({
marks: [
Plot.barX(olympians, Plot.groupZ({x: "count"}, {fill: "sport", fillOpacity: 0.5, order: "sum"})),
Plot.barX(olympians, Plot.pointer(Plot.groupZ({x: "count"}, {fill: "sport", order: "sum", tip: true}))),
]
})
viewof athlete = Plot.dot(athletes??olympians, {
x: "weight",
y: "height",
tip: true
}).plot()
athlete
viewof group = Plot.plot({
height: 400,
marginLeft: 100,
color: { scheme: "blues", legend: true },
marks: [
Plot.cell(
olympians,
Plot.group({ fill: "count" }, { x: "sex", y: "sport", tip: "y" })
)
]
})
group
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.
