pixel flipper, data sifter. trying to see what I can while I'm here
md`# Testing Plot with SP500`
sp500 = FileAttachment("sp500.csv").csv({typed: true})
data = sp500.map(d => {
return {
...d,
date: parser(d.date)
}
})
md`### Format date accordingly, MMM day YYYY`
parser = d3.timeParse("%b %d %Y")
md`### Get first and last array for date`
startDate = parser(sp500[0].date)
endDate = parser(sp500[122].date)
md`### Format X axis labels`
Plot.plot( {x: {type: "time", domain: [startDate, endDate]}, grid: true})
md` ## x-axis dates too close to each other`
Plot.dot(data, { x: "date", y: "price", stroke:"price" }).plot({
width:1200,
height: 600,
grid: true,
inset: 10,
y: {
label: "Price",
padding: 0.1
},
x: {
label: "Month",
padding: 0.1,
},
})
md` ### How to format date in month?`
Plot.plot({
grid: true,
width:1200,
height: 600,
marks: [
Plot.ruleY([0]),
Plot.dot(sp500, {x: {type: "time", domain: [startDate, endDate]}, y: "price", stroke: "price"})
]
})
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.
