HW1

100%

✓ Published0🌍 Public

Last edited Sep 21, 2023

Created on Sep 21, 2023

This visualization displays a scatter plot of automobile data from the UCI Auto MPG dataset, mapping miles per gallon on the x-axis and horsepower on the y-axis. Each circle represents a vehicle, with color indicating the country of origin and size encoding vehicle weight. The plot uses the vega-lite-api to construct the chart and d3.csv to load the data. Custom axis and label styling are applied through the vega-lite configuration object, with a tooltip showing vehicle names on hover.

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…

Dv2_ScatterPlot

This scatter plot visualizes the relationship between miles per gallon and horsepower for cars in the Auto MPG dataset from the UCI Machine Learning Repository. Each point represents a vehicle, colored by its origin and sized by weight, with tooltips showing the car’s name. The visualization uses the vega-lite-api library to build the chart, registers vega and vega-lite for rendering, and loads data via d3.csv. The chart fills the browser window with a custom config for axes and label styling.

NNagateja99

87% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting horsepower (labeled “HE provider” on the x-axis) against weight (on the y-axis). Each red semi-transparent circle represents a vehicle, with axes rendered using d3.axisBottom and d3.axisLeft. The visualization uses d3.scaleLinear for both scales, d3.csv for data loading, and d3.extent to set domains. SVG rendering displays the data with styled tick labels, axis labels, and a title.

330343615

86% match

Loading thumbnail…

Vizhub3

This visualization presents the Auto MPG dataset from the UCI Machine Learning Repository as an interactive scatter plot, mapping miles per gallon against horsepower. Each circle represents a car model, with color encoding the country of origin, size encoding weight, and tooltips revealing the model name. The code uses the Vega-Lite API (via the `vega-lite-api` wrapper) to define the chart declaratively, with D3.js handling CSV data loading. Custom configurations adjust axis styling and typography for readability, and the visualization auto-fits to the browser window dimensions.

AAbhinay-Mannepalli

86% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displaying horsepower versus weight. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleTime` for axes, along with `axisLeft` and `axisBottom` to create labeled time and temperature scales. Data is loaded via D3’s `csv` method and mapped to circle elements with red fill and partial opacity. The chart includes a title, axis labels, and a grid generated through tick size settings.

Mmyskotima130

85% match

Loading thumbnail…

Scatter Plots

This interactive scatter plot visualizes the relationship between a vehicle’s miles per gallon and its horsepower, with each dot colored by country of origin and sized by weight. The visualization is built using the Vega-Lite API, which programmatically constructs the chart specification by chaining methods like `vl.x().fieldQ('mpg')` and `vl.color().fieldN('origin')`. Data is loaded asynchronously from the UCI Auto MPG dataset using the `csv` function from d3. The chart fills the browser window and includes tooltips, which are enabled through the Vega-Tooltip handler.

MMeAzuree

85% match

Loading thumbnail…

Cars Dot/Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository’s Auto MPG dataset, mapping horsepower on the x-axis and weight on the y-axis. Each semi-transparent purple circle represents a car model, with overlapping points revealing density patterns. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` to load and render the data as SVG circles. Axis labels and a grid are drawn using `tickSize` and `tickPadding`, while the chart is positioned within margins via a translated group element.

Mmbergevoet

85% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot from the UCI Auto MPG dataset shows the relationship between horsepower and weight for cars, with each point representing a vehicle. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while semi-transparent red circles convey data density. Data is loaded via `csv()` from a remote URL, and the code explicitly parses numeric fields before rendering. The chart includes labeled axes and a title, with gridlines created through tick sizing.

Ggundupatil

85% match

Loading thumbnail…

Car Scatter Plot

This scatter plot visualizes the relationship between vehicle weight and horsepower for cars from the Auto MPG dataset sourced from the UCI Machine Learning Repository. Each semi-transparent circle represents a single car, positioned along a linear scale for both axes, with gridlines and labeled tick marks. The visualization is built using D3 v5, employing `scaleLinear`, `axisBottom`, `axisLeft`, and SVG circles to render the chart, while formatting labels and titles through CSS classes.

JJenny

85% match