Public
Edited
May 30, 2023
Plot bug for grid line color?
Plot bug with tick labels?
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
style: { background: "#000000" },
marks: [
Plot.ruleX(data, { stroke: "#ffffff" }),
Plot.ruleY(data, { stroke: "#ffffff" })
]
})
Insert cell
Insert cell
Plot.plot({
style: { background: "#000000" },
marks: [
Plot.gridX(data, { stroke: "#ffffff", strokeOpacity: 1 }),
Plot.gridY(data, { stroke: "#ffffff", strokeOpacity: 1 })
]
})
Insert cell
Insert cell
Plot.plot({
style: { background: "#000000" },
x: { grid: true, stroke: "#ffffff", strokeOpacity: 1 },
y: { grid: true, color: "#ffffff", strokeOpacity: 1 },
marks: [Plot.lineY(aapl, { x: "Date", y: "Close", stroke: "#ffffff" })]
})
Insert cell
data = d3.range(n)
Insert cell

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.
Learn more