Plot.plot({
height: 400,
marginTop: 20,
marginBottom: 20,
x: {
type: "point",
axis: "top",
tickSize: 0,
label: "",
tickFormat: (d) => `${d3.timeFormat("%A %p")(d)}\n ${d3.timeFormat("%m-%d-%y")(d)}`,
fontSize: 12,
},
y: {
label: "",
},
marks: [
Plot.image(days.slice(0,5), {
x: "startTime",
y: null,
src: "icon",
height: 100,
dy: -100,
}),
Plot.text(days.slice(0,5), {
x: "startTime",
y: null,
text: "detailedForecast",
frameAnchor: "top",
fontSize: 12,
lineWidth: 9,
lineHeight: 1.2,
textAnchor: "start",
dx: -50,
dy: 150,
}),
]
})