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

Observable for Vega-Lite

vl.x().field("Horsepower"),       // For x, use the Horsepower field
    vl.y().field("Miles_per_Gallon"), // For y, use the Miles_per_Gallon field

field --> fieldQ

    vl.x().fieldQ("Horsepower"),       // For x, use the Horsepower field
    vl.y().fieldQ("Miles_per_Gallon"), // For y, use the Miles_per_Gallon field

Ariel Aizemberg

Ah, @vega/vega-lite-api I think updated. Thanks!

.toJSON() gives TypeError: vl.markCircle(...).data(...).encode(...).toJSON is not a function

Noah Song

In https://observablehq.com/@uwdata/introduction-to-vega-lite they give a different pattern for viewing the JSON.

```
{
  const plot = vl.markCircle().encode(
    vl.x().average('precip'),
    vl.y().fieldN('city')
  );
  
  return html`<pre>${JSON.stringify(plot.toObject(), 0, 2)}</pre>`; // format JSON data
}
```

Ah thanks! Updated to reference toObject instead.

cars.json