Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vega-Lite API Template 2222

Public visualization

Viewing a saved revision (read-only)

277ca35c05284f7b93bc298589befbbf

Fork of Vega-Lite API Template 2222

0 stars0🌍 Public
Iinar-vision
Last edited Sep 1, 2022
Created on Sep 1, 2022

This example visualizes the relationship between fuel efficiency, horsepower, and vehicle origin in the classic Auto MPG dataset. Each car is represented by a semi-transparent circle, with position encoding miles per gallon and horsepower, while color distinguishes country of origin and circle size encodes vehicle weight. Built using the Vega-Lite API for JavaScript with D3.js version 5, the visualization renders as an interactive SVG chart. Data is loaded asynchronously from a CSV file hosted on GitHub, and the chart includes 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.