🌍 Public
Viewing a saved revision (read-only)
c9b4fe9e84554783ab4151748efc0cc0
Vega-Lite API Playground
This example visualizes the relationship between horsepower and acceleration for cars, with tooltips revealing the vehicle name. Built using the Vega-Lite API, it abstracts away the typical D3 code by composing a scatterplot through function calls like `vl.markPoint()` and `vl.x().fieldQ()` for quantitative scales. The visualization loads CSV data from a GitHub gist via D3’s `csv` loader, and renders to SVG inside the browser. Configuration customizes axis fonts and colors, while the Vega-Lite library compiles the specification into Vega, which handles the rendering.
AI-generated descriptionA visualization constructed using the vega-lite-api.