Skip to main content
100%

Vega-Lite API Template

✓ Published0🌍 Public
Ssimfen
Last edited Apr 21, 2021
Created on Apr 21, 2021

This example demonstrates a scatter plot of automobile displacement against horsepower, with tooltips revealing car model names. The visualization is constructed programmatically using the Vega-Lite API, which builds an interactive chart through chained method calls. Data flows from a CSV file fetched via `d3.csv`, while the chart specification uses `vl.x().fieldQ()` and `vl.y().fieldQ()` for quantitative encodings. The rendering pipeline combines Vega and Vega-Lite libraries, with a custom configuration adjusting axis styles and font sizes for readability. The chart automatically fits to the browser window size and employs a translucent point style to show density.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes