Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Vega-Lite API Template

Public visualization

Fork of Vega-Lite API Template

0 stars0🌍 Public
Ddan815
Last edited Aug 22, 2022
Created on Aug 21, 2022

This visualization shows the relationship between vehicle weight and fuel efficiency (mpg) across a dataset of auto models, with each point represented as a semi-transparent circle. The color encoding maps weight values, and hovering reveals the vehicle name via tooltip. Built using the Vega-Lite API wrapped in a D3.js framework, it loads CSV data from a gist URL and renders an interactive scatterplot. The code uses `vl.markCircle`, `vl.x().fieldQ()`, `vl.y().fieldQ()`, and `vl.color().fieldQ()` to define the chart, with a custom config adjusting axis and label styling.

AI-generated description

A visualization constructed using the vega-lite-api.

Comments

Sign in to join the discussion.

MIT Licensed