Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Episode 18 - Iterating Fast with Vega Lite API

Public visualization

Viewing a saved revision (read-only)

837fb5a636ac4754b59c914111f368e4

Episode 18 - Iterating Fast with Vega Lite API

0 stars1🌍 Public
Zzjulijie0618
Last edited Jan 16, 2022
Created on Jan 16, 2022

This example uses the Vega-Lite API to create an interactive scatter plot of automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization encodes vehicle weight on the x-axis, horsepower on the y-axis, origin as color, and miles per gallon as point size, with tooltips showing car names. Built with `vl.markCircle`, `vl.x().fieldQ()`, and `vl.y().fieldQ()`, the chart renders via Vega and Vega-Lite, while d3.csv loads the data. Custom styling in `config.js` and a dark theme improve readability for presentation.

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.