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)

d7bfcb4707c046e68e84965210455b18

Fork of Vega-Lite API Template

0 stars0🌍 Public
Ddevvansh1997
Last edited Nov 27, 2021
Created on Nov 27, 2021

This visualization displays automobile fuel efficiency data from the UCI Auto MPG dataset, plotting cylinders against weight with color-coded origins and tooltips showing vehicle names. The code uses the Vega-Lite API with D3.js v7 for data loading via `csv()`, and renders an interactive SVG chart through Vega and Vega-Lite. Custom styling in `config.js` adjusts axis fonts and colors for readability. The visualization responds to window dimensions and includes a Vega tooltip handler, producing a full-screen scatter plot with hover interactions.

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.