Ian Johnson

Mike Freeman

Observable

NOAA Hourly Weather Data

Correlation over time

Kaho Cheung

How Has Men’s Tennis Changed From 1973–2021?

Monitor the status of your HTTP services with a condensed view of Amazon Web Services CloudWatch Logs.

AWS HTTP Status Dashboard

CyclePlot w/ Energy Data

Try to impeach this? Challenge accepted!

Thanh Tschoepe

Ping chart

Fabian Iwand

Observable Ambassadors

What's That Noise?

Eric Lo

🔮Bubble Matrix🔮 Component

Mike Bostock

Most Popular Programming Languages, 2004–2021

Harry Stevens

Mapping gridded data with a Voronoi diagram

Streamgraph transitions

Tidy Stacked Area Chart

Zoomable circle packing

Visnu Pitiyanuvath

Charting with Vega-Lite

Product page

To only drawn the text once you can use the select transform:

Plot.text(data, Plot.selectFirst({
  x: 0.1,
  y: 12,
  textAnchor: "start",
  text: (d) => d.date.toLocaleString("en", {month: "long"})
}))

Also I recommend using English rather than the browser’s locale since the rest of the page is in English already and it looks odd to mix locales.

ooh - thank you! 

And, thank you for the suggestion / update regarding Locale string! I copy/pasted from a stackoverflow answer and only briefly wondered what the 'undefined' was doing :). Good learning for the future too.

pge-electric-data.csv

Box Plot Chart