Fork of ICE7-1-VarshaG

100%

Fork of ICE7-1-VarshaG

✓ Published0🌍 Public

Last edited Jul 3, 2022

Created on Jul 3, 2022

This visualization explores the relationship between fuel efficiency, horsepower, weight, and origin in the Auto MPG dataset from the UCI Machine Learning Repository. A scatter plot positions each car by miles per gallon and horsepower, with color encoding the region of origin, while the size of each circle encodes vehicle weight. Tooltips reveal the car name on hover. The chart is built with the vega-lite-api, which registers Vega and Vega-Lite, and loads the CSV data using d3.csv. Custom configuration adjusts axis labels, tick colors, and font sizes for improved 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 VarshaICE7

This visualization displays automobile data from the UCI Machine Learning Repository’s Auto MPG dataset as a scatter plot, mapping fuel efficiency (mpg) against horsepower, with point size encoding vehicle weight and color marking the country of origin. The chart is built using the vega-lite-api library, which wraps Vega-Lite and Vega, and renders interactively with tooltips showing car names. Data is loaded asynchronously via d3.csv from a remote Gist, while the visualization is configured with custom fonts and axes for improved readability. The layout fits the browser window, adjusting dynamically to viewport dimensions.

VVReddy913

93% match

Loading thumbnail…

VarshaICE7

This visualization uses a scatter plot to explore the relationship between fuel efficiency (mpg) and horsepower across vehicles, with color indicating origin and point size encoding weight. Built with the vega-lite-api library and rendered using vega-lite and vega, the plot loads data from the UCI Auto MPG dataset via d3.csv. A tooltip from vega-tooltip displays each car’s name on hover. The visualization fits the entire browser window, and axis labels are styled with a custom configuration for improved readability.

VVReddy913

92% match

Loading thumbnail…

ICE7-1-VarshaG

This interactive scatter plot explores the relationship between fuel efficiency (mpg) and horsepower across vehicles, with color mapped to origin and point size to weight. It renders the 398 cars from the UCI Auto MPG dataset using the vega-lite-api library, building a single circle mark with tooltips for names. The visualization adapts to the full viewport, and the accompanying vega-tooltip handler displays each vehicle's details on hover.

VVReddy913

92% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows the relationship between fuel efficiency (miles per gallon), horsepower, weight, and country of origin for a sample of automobiles from the UCI Auto MPG dataset. A scatter plot maps mpg to the horizontal axis and horsepower to the vertical axis, with point size encoding weight and color distinguishing origin. The implementation uses the Vega-Lite API to declare the chart specification, while d3.csv loads the remote dataset. Custom axis styling and tooltips are configured through Vega-Lite’s config object and the Vega Tooltip handler, rendering in SVG.

EEngineerRajeev

89% match

Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes the relationship between horsepower, miles per gallon, weight, and origin for cars from the UCI Auto MPG dataset. Built with the Vega-Lite API and rendered via Vega, it encodes each car as a circle positioned by acceleration and engine displacement, with color indicating country of origin and size reflecting vehicle weight. Tooltips display car model names. The visualization uses D3's csv loader to fetch data from a Gist URL, and the chart resizes to fit the browser window.

NNaimisha-M

89% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization shows the relationship between vehicle weight, horsepower, and origin for cars in the Auto MPG dataset from the UCI Machine Learning Repository. A scatter plot encodes weight on the x-axis and horsepower on the y-axis, with circles colored by origin and sized by weight. Tooltips reveal the car name. The chart is built using the Vega-Lite API with d3.v5 for data fetching, rendered as an SVG, and customized with a dark axis and label configuration.

JJosh Gilfillan

88% match

Loading thumbnail…

Fork of Fork of Fork of Vega-Lite API Template

This visualization displays the relationship between fuel efficiency (mpg), horsepower, weight, and origin for cars from the UCI Auto MPG dataset. Using the Vega-Lite API with D3.js for data loading, it renders a scatter plot with circles sized by weight and colored by origin, featuring interactive tooltips that reveal car names. The code integrates Vega, Vega-Lite, and Vega-Tooltip libraries within a D3 framework, customizing axis styles and plot dimensions to fit the full browser viewport.

NNaimisha-M

88% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the relationship between fuel efficiency (mpg), horsepower, origin, and weight for a set of automobiles. The code uses the Vega-Lite API to construct a scatter plot with circle marks, encoding mpg on the x-axis, horsepower on the y-axis, origin as color, and weight as size. Data is loaded from the UCI Machine Learning Repository's Auto MPG dataset via a CSV file, processed using `d3.csv`. The visualization is rendered as an SVG through Vega-Lite, with a custom configuration for axis styling and tooltips.

CCecilia831

88% match