How to add a tick at a specific date to highlight it

Community Help
1

I’m sorry to have to ask, I’m really new at this. I’ve made a little graph using ticks along a X axis of dates. The graph is split into 3 sections. I’d like to highlight Oct 3rd 2021 with a vertical line or tick in a different color/stroke, but I don’t know how to.

See: Moneo Report - Google Play $100 cards / leoutskot / Observable

Relevant code:

Plot.plot({
x: {

},
marks: [
Plot.tickX(ReportData, 
         {
          x: "Purchased At Date", 
          y: "Commerce Name", 
          stroke: "Commerce Name",
          strokeWidth: 1
         })
         ],
height:400,
width:800,
marginLeft: 150,
marginBottom: 150
})
2

You could add a rule to your list of marks?

Plot.ruleX([new Date("2021-10-03")])

Or if you want a specific color:

Plot.ruleX([new Date("2021-10-03")], {stroke: "red"})
1 Like