🌱 Learning Observable

You can return html and charts like so

{
  const plot = Plot.plotstuffHere
  const otherPlot = Plot.plotstuffHere

  return html`<div>
    <h1>Stuff</h1>
    ${[plot, otherPlot]}
  </div>`
}

YOY stuff

• https://observablehq.com/@fil/plot-cyclical-time-scale
• https://observablehq.com/@fil/plot-cyclical-time-scale-2
• https://observablehq.com/@analyzer2004/plot-gallery

Legends

• https://observablehq.com/@observablehq/plot-legends

Color schemes

• https://github.com/observablehq/plot#color-options

Cheat Sheet

Download the pdfs

https://observablehq.com/@observablehq/plot-cheatsheets

d => `${prettyDollar.format(d)}`

prettyDollar = new Intl.NumberFormat('en-US', {
    style: 'currency',
    currency: 'USD',
    minimumFractionDigits: 0
})

is the same as

'$,.5'

Time Series Data

https://www.youtube.com/watch?v=bTQfm6gwngY&list=WL&index=19&t=5479s