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)

176f45d5e9c0407581de4511c18fa8b0

Fork of Vega-Lite API Template

0 stars0🌍 Public
IIsar Ramses
Last edited Jul 7, 2021
Created on Jul 2, 2021

This visualization presents a scatter plot of automotive data from the UCI Auto MPG dataset, graphing miles per gallon against horsepower. Each circle’s size encodes acceleration, while tooltips reveal the car’s name. The example demonstrates the Vega-Lite API workflow, using `vl.markCircle` with field encodings for quantitative axes and an opacity adjustment for overlapping points. The code builds the chart by processing CSV data via `d3.csv`, configuring axis styling through Vega-Lite’s `config`, and rendering with the vega-lite-api library alongside vega-tooltip for interactive hover details.

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.