Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vega-Lite API Template

Public visualization

Viewing a saved revision (read-only)

7658cc865fb04a0b9fe7ed9eda705add

Fork of Vega-Lite API Template

0 stars0🌍 Public
WWinnie Wei
Last edited May 23, 2021
Created on May 23, 2021

This example visualizes a scatter plot of auto MPG data from the UCI Machine Learning Repository, plotting `account_number` against `amount` with points colored by `origin` and tooltips revealing car `name`. The visualization is built using the Vega-Lite API, which programmatically constructs a Vega-Lite specification that is then rendered to SVG by Vega. Custom styling in `config.js` adjusts axis labels and colors for readability, while `getData.js` fetches CSV data using D3’s `csv` function, and the final chart is displayed full-window with interactive tooltips via the `vega-tooltip` handler.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.