The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
Aug 10, 2023
1 star
Plot_.plot({
inset: 10,
y: { domain: [0, 7] },
marks: [
Plot.frame(),
Plot.dot(data, { fy: "f", x: "x", y: "y", tip: "x", fill: "f" }),
Plot.dot([{f: "a", y: 3}, {f: "b", y: 1}, ], { fy: "f", x: 90, y: "y", r: 30, fill: "f", fillOpacity: 0.1, stroke: "currentColor", strokeDasharray: 4 })
]
})
data = d3
.range(100)
.map((i) => ({ f: i > 60 || i % 2 ? "b" : "a", x: i, y: i / 10 }))
Plot_ee66c = FileAttachment("plot.umd.min.js").url().then(require)
Plot_6cb2d = FileAttachment("plot@1.umd.min.js").url().then(require)
Plot_1777 = import("https://esm.sh/gh/observablehq/plot@a5024fcdb04705fc9c8e165119b8f7ce714a7121")
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.
