Public
Edited
Feb 28, 2024
14 forks
5 stars
Insert cell
Insert cell
Plot.plot({
inset: 6,
width: 928,
grid: true,
y: {label: "↑ Apple stock price ($)"},
color: {domain: [-1, 0, 1], range: ["#e41a1c", "currentColor", "#4daf4a"]},
marks: [
Plot.ruleX(ticker, {
x: "Date",
y1: "Low",
y2: "High"
}),
Plot.ruleX(ticker, {
x: "Date",
y1: "Open",
y2: "Close",
stroke: (d) => Math.sign(d.Close - d.Open),
strokeWidth: 4,
strokeLinecap: "round"
})
]
})
Insert cell
ticker = aapl.slice(-130)
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