Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gokul's Vega-Lite API Template

Public visualization

Viewing a saved revision (read-only)

71eff77e59a743679cb53fb8bd4e33d3

Gokul's Vega-Lite API Template

0 stars0🌍 Public
GGokulkrishnan1996
Last edited Jul 8, 2022
Created on Jul 8, 2022

This example visualizes automobile performance by plotting miles per gallon against horsepower, with circles colored by origin and sized by weight, and tooltips revealing car names. It loads the classic Auto MPG dataset from a CSV file using D3’s `csv` function. The visualization is built with the Vega-Lite API (`vl.markCircle`, `vl.x`, `vl.y`), which compiles to Vega and renders to SVG, while the `vega-tooltip` handler enables interactive hover details. Configuration settings adjust axis fonts and gridline appearance for readability.

AI-generated description

A visualization constructed using the vega-lite-api.