Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published1🌍 Public

Last edited Jul 27, 2021

Created on Jul 27, 2021

This visualization displays a scatter plot of auto MPG data from the UCI Machine Learning Repository, plotting horsepower against miles per gallon with circles colored by origin and tooltips showing vehicle names. The code uses the vega-lite-api library, which registers and renders via Vega and Vega-Lite, with d3.csv fetching the remote dataset. A custom config adjusts axis and label styling for readability, and the visualization fills the full window with a fit-based autosize and SVG rendering.

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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization presents a scatter plot of auto MPG data from the UCI Machine Learning Repository, mapping miles per gallon against horsepower. Each circle’s size encodes vehicle weight, while color distinguishes origin, and hovering reveals the car’s name. The visualization is built using the Vega-Lite API, with d3.csv loading the data and vega-tooltip providing interactive details. The chart fills the browser window, and a custom config adjusts axis and label styling for readability.

SSumit Kumar

96% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization renders a scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository. Each circle represents a car, with miles per gallon on the x-axis, horsepower on the y-axis, color encoding the country of origin, and point size reflecting vehicle weight. Tooltips reveal the car names. The code uses the Vega-Lite API (vl) configured with vega, vega-lite, and vega-tooltip, while d3.csv fetches the remote data. Custom axis and label styling is applied through a shared config object before the SVG view renders to fill the window.

MMuhammadAaqib137

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays an interactive scatter plot of the Auto MPG dataset, plotting miles per gallon against horsepower while encoding vehicle origin by color and weight by point size. Built with the Vega-Lite API, it combines vega, vega-lite, vega-tooltip, and d3.csv for data loading. The code configures axis styling, applies a responsive fit to the window, and uses interactive tooltips showing vehicle names. Data comes from the UCI Machine Learning Repository via a GitHub gist.

Cchar0496

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows a scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository, encoding engine horsepower on the y-axis, miles per gallon on the x-axis, and using color to distinguish the vehicle origin with point size mapped to weight. The code builds the chart using the Vega-Lite API, registering Vega and Vega-Lite libraries alongside a tooltip handler. Data is loaded asynchronously via d3.csv, and the chart is rendered as an SVG that automatically fits the browser window, with custom axis and label styling defined in a separate config file.

SSkye Chen

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to render a scatter plot of automotive data from the UCI Auto MPG dataset, loaded via d3.csv. The active chart displays vehicle origin on the x-axis and horsepower on the y-axis, with large translucent circular marks and tooltips showing car names. The code registers Vega-Lite with vega, vega-lite-api, and vega-tooltip, and applies custom axis and label styling from a config object. The visualization is responsive, fitting the full browser window.

MMyGitUserName-dh

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of auto MPG data, showing miles per gallon versus horsepower, with color encoding for origin and size encoding for weight. It uses the Vega-Lite API, rendering through Vega and Vega-Lite libraries with D3 for CSV data loading. The visualization includes tooltips for vehicle names and uses a custom configuration for improved readability. Data comes from the UCI Machine Learning Repository Auto MPG dataset, with a dark theme and larger fonts for enhanced presentation.

BBeihaiTianming

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses a Vega-Lite API specification to render a scatter plot of Auto MPG data from the UCI Machine Learning Repository. Each circle’s position maps origin and horsepower, while its size reflects mpg and its color encodes horsepower, with tooltips showing car names. The code builds the chart using the vega-lite-api library, registers Vega and Vega-Lite, and renders SVG via D3 v5, applying a custom config for axis and label styling.

MManish Singh

95% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization presents a scatter plot of automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. It positions horsepower on the y-axis and miles per gallon on the x-axis, with points colored by origin and sized by weight, while tooltips reveal vehicle names. Built with the Vega-Lite API, it uses d3.csv for data loading and renders via a Vega view with SVG output. The visualization adapts to the full window size, and custom axis styling is applied through a separate config file.

DDavid Oh

95% match