Visnu Pitiyanuvath

Observable

Charting with Vega-Lite

Vega-Lite Chart Types

Layers and Facets and Concat, Oh My!

After Vega-Lite: what’s next?

Observable for Vega-Lite

Product page

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.

Purpose-built for displays of data