Plot.rectY({length: 10000}, Plot.binX({y: "count"}, {x: d3.randomNormal()})).plot()
Plot.plot({
round: true,
marks: [
Plot.rectY(olympians, Plot.binX({y2: "count"}, {x: "weight"})),
Plot.ruleY([0])
]
})
Plot.plot({
round: true,
color: {legend: true},
marks: [
Plot.rectY(olympians, Plot.binX({y2: "count"}, {x: "weight", fill: "sex", mixBlendMode: "multiply"})),
Plot.ruleY([0])
]
})
Plot.plot({
y: {
grid: true,
inset: 6
},
marks: [
Plot.boxY(morley, {x: "Expt", y: "Speed"})
]
})
morley = FileAttachment("morley.csv").csv({typed: true})
Plot.plot({
y: {grid: true},
color: {legend: true},
marks: [
Plot.dot(penguins, Plot.dodgeX("middle", {fx: "species", y: "body_mass_g", fill: "sex"}))
]
})
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.
