Public
Edited
Jul 22, 2024
// Plot.binX() returns an object with has a transform method, any unconsumed options that you give it, and other stuff.
Plot.binX({y: "count"}, {x: "weight", checkitout: "Hello, world!"})
// The facets array for the case of no faceting is just an array of the array indices.
facets = [Array.from(Array(olympians.length).keys())]
// .transform(data, facets) returns an object with data and facets that containing arrays of binned data and a new facets array
Plot.binX({y: "count"}, {x: "weight"}).transform(olympians, facets)
d3bins = d3.bin().thresholds(80).value((d) => d.weight)(olympians)
Plot.rectY(d3bins, {x1: "x0", x2: "x1", y2: "length"}).plot({x: {round: true}, y: {grid: true}})
Plot.plot({
x: {round: true},
y: {grid: true, label: `whatever`},
tip: true,
marks: [
Plot.rectY(olympians, Plot.binX({y: "sum", title: "count"}, {x: "weight", y: "weight", inset: 0})),
Plot.ruleY([0])
]
})
Plot.rectY(olympians, Plot.binX({y: "count"}, {x: "weight", inset: 0, tip: true})).initialize()
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.
