The avatar for @data-visualization31
Data Visualization
Public
Edited
Apr 7
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.ruleY([0], {stroke: "red", strokeWidth: 2}),
Plot.lineY(aapl, {x: "Date", y: "Close"})
]
})
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.lineY(aapl, {x: "Date", y: "Close"})
]
})
Insert cell
Insert cell
Insert cell
Plot.plot({
y: {
domain: [0, 190]
},
marks: [
Plot.lineY(aapl, {x: "Date", y: "Close"})
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
new Date(2020, 0, 1)
Insert cell
Insert cell
Insert cell
Insert cell
{
let startDate = new Date(2015, 0, 1);
let endDate = new Date(2017, 11, 31);
return Plot.plot({
x: {
domain: [startDate, endDate],
clamp: true,
},
marks: [
Plot.ruleY([0]),
Plot.lineY(aapl, {x: "Date", y: "Close"})
]
})
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.dot(candyData, {x: "weight_in_oz", y: "price", fill: "brand"})
],

color: {
legend: true,
scheme: "Turbo",
},
})
Insert cell
Insert cell
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