Plot.plot({
height: 400,
width: 1200,
margin: 30,
inset: 20,
grid: false,
marks: [
(index, { y }) => htl.svg`<defs>
<linearGradient id="gradient" gradientUnits="userSpaceOnUse"
x1=0 x2=0 y1=${y(100)} y2=${y(60)}>
<stop offset="0%" stop-color="red" />
<stop offset="50%" stop-color="white" />
<stop offset="100%" stop-color="blue" />
</linearGradient>
</defs>`,
Plot.barY(data, {x: "Date", y1: "rLo", y2: "rHi", fill: "url(#gradient)"}),
Plot.ruleY([0])
],
})