Skip to main content
100%

Fork of Vega-Lite API Viz

✓ Published0🌍 Public
@@harrison_obetta
Last edited Apr 12, 2023
Created on Apr 10, 2023

This example visualizes the Auto MPG dataset from the UCI Machine Learning Repository, plotting each car as a circle positioned by miles per gallon and horsepower, colored by country of origin, and sized by vehicle weight. Built with the Vega-Lite API, it registers Vega and Vega-Lite with a custom configuration that removes axis domains and enlarges label fonts for readability. Data is fetched asynchronously via d3’s `csv` loader, and tooltips are enabled through the vega-tooltip `Handler`. The visualization renders as an SVG, fitting to the browser window with padding, and includes interactive tooltips showing car names.

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.

<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/RKJPMfKsAsQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
MIT Licensed

Similar vizzes