Plot.plot({
marks: [Plot.dot(penguins, {x: "body_mass_g", y: "bill_length_mm"})],
width
})
Plot.plot({
caption: "fine pinguins",
marks: [Plot.dot(penguins, { x: "body_mass_g", y: "bill_length_mm" })],
width
})
Object.assign(
Plot.plot({
caption: "fine pinguins",
marks: [Plot.dot(penguins, { x: "body_mass_g", y: "bill_length_mm" })],
width
}),
{ style: `max-width: ${width}px; width: ${width}px` } // max-width to cancel Observable's css!
)
penguins
import { penguins } from "@enjalot/palmer-penguins"
import { Plot } from "@observablehq/plot"
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.
