Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Sep 5, 2022

Created on Sep 5, 2022

This visualization displays a scatter plot of automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, with engine horsepower on the y-axis and miles per gallon on the x-axis. Points vary in color by country of origin and size by vehicle weight, with tooltips revealing car names. The code uses the `vega-lite-api` to build the chart, which registers with Vega and Vega-Lite, while D3’s `csv` loads the data. A custom `config` object adjusts axis and label styling for readability.

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 displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset as a scatter plot, showing miles per gallon against horsepower, with color encoding the country of origin and point size representing vehicle weight. The plot uses a dark-themed, large-label aesthetic for clarity. It is built with the Vega-Lite API, which is registered with Vega and Vega-Lite, and uses D3’s `csv` loader to fetch the data. The interactive tooltip is provided by Vega Tooltip, and the chart renders as SVG, fitting the full browser window.

Lleopoldovce2

96% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to create an interactive scatter plot of auto MPG data, showing the relationship between miles per gallon and horsepower, with points colored by country of origin and sized by horsepower. The code calls on `vega-lite-api`, `vega`, `vega-lite`, `vega-tooltip`, and `d3` to render the plot. It loads data from the UCI Machine Learning Repository’s Auto MPG dataset via a CSV URL using `d3.csv` and applies a customized configuration for darker text and styled axes for readability.

EErico103

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization uses a Vega-Lite API template to display an interactive scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository. The chart plots miles per gallon against horsepower, with points colored by country of origin and sized by vehicle weight. Built with the `vega-lite-api` library alongside D3.js, the visualization reads data from a CSV file and renders as an SVG. Axis labels and tick marks are styled with a custom configuration to improve readability.

AAmir

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example presents a scatter plot of automobile data from the UCI Machine Learning Repository, showing the relationship between MPG and horsepower. Each point is colored by origin, sized by weight, and includes a tooltip revealing the vehicle name. The visualization uses the Vega-Lite API, registered with Vega and Vega-Lite, to declaratively encode the marks. Data is loaded asynchronously via D3's `csv` function, and the chart is rendered with a custom configuration that adjusts axis and label styling.

Mme-as-a-web-designer

95% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays a scatter plot of automobile data from the UCI Auto MPG dataset, mapping fuel efficiency (mpg) against horsepower. Each point’s size encodes vehicle weight, while color distinguishes the country of origin. The chart uses the vega-lite-api DSL to construct the specification, with vega, vega-lite, and d3.csv handling data loading and rendering. Custom axis styles and tooltips are applied via vega-tooltip, and the view auto-fits to the window using vega’s autosize configuration.

Mmuwu16

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 displays relationships among automobile characteristics using the Auto MPG dataset from the UCI Machine Learning Repository. Scatter plots show miles per gallon against horsepower, with points colored by country of origin and sized according to vehicle weight. The code builds the chart programmatically using the Vega-Lite API, registering Vega and Vega-Lite with a custom configuration that removes axis domains and adjusts font styling. Data is loaded via D3's CSV reader, and rendering produces an SVG output with a tooltip handler for interactive exploration.

FFiewor John

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a scatter plot of automotive data from the UCI Machine Learning Repository’s Auto MPG dataset, visualizing miles per gallon against horsepower. Each point is colored by origin and sized by vehicle weight, with tooltips revealing car names. The visualization uses the Vega-Lite API to declaratively define the chart, which is embedded via vega, vega-lite, and vega-tooltip. Data loading relies on d3.csv, while custom axis and label styling are applied through a Vega-Lite config object.

MMohammadSorkhian

95% match