Skip to main content
SimilarExport ZIP
100%

horsepower legend

✓ Published0🌍 Public
EEnes Gök
Last edited Dec 2, 2021
Created on Dec 1, 2021

This scatter plot visualizes the relationship between miles per gallon (mpg) and horsepower for various car models, with points colored by their country of origin. The visualization uses the Vega-Lite API, built on Vega and D3, to render an interactive SVG chart. Data comes from the UCI Machine Learning Repository's Auto MPG dataset. Tooltips display additional attributes like weight when hovering over individual data points. The chart is configured with custom axis styling and a dark color scheme 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…

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
87% match
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…

Scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for various car models, sourced from the auto-mpg dataset. The D3 v6 code loads CSV data, maps horsepower to the x-axis and mpg to the y-axis using linear scales, and renders semi-transparent pink circles for each car. Axis tick marks extend across the plot, and both axes are labeled. The SVG output includes a title and uses Roboto Mono typography for all text elements.

RRodolfo Viana
86% match
Loading thumbnail…

[A4] MPG vs. Horsepower (Scatter Plot)

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of vehicles, with each gray circle representing a data point. Hovering over a point highlights it in orange and displays a tooltip showing its exact MPG and horsepower values. The visualization uses D3.js v7’s scaleLinear and axisBottom/axisLeft to map the data and render axes, while the SVG circles respond to mouseover and mouseout events. Data is loaded asynchronously via d3.csv from a remote GitHub gist.

Cctan13@dons.usfca.edu
86% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot visualizes the relationship between miles per gallon and horsepower for cars from the auto-mpg dataset, with each red semi-transparent circle representing a vehicle. The chart uses d3.scaleLinear to map data values to pixel coordinates, d3.axisBottom and d3.axisLeft to render labeled axes with gridlines, and SVG circles for marks. Data is loaded via d3.csv, with circles and labels appended through D3 selections, while axis tick styling is handled in the linked stylesheet.

ZZY Huang
85% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon (MPG) and horsepower for a dataset of cars, with each circle representing a vehicle. The chart uses color to differentiate individual data points, while axes are labeled and scaled using D3's `scaleLinear` and `scaleBand` functions. Built with D3 v5, the visualization renders as an SVG and reads its data from an external CSV file. The code employs D3's `axisLeft`, `axisBottom`, `extent`, and `format` APIs to construct the axes and tick marks.

EEdward-Elric233
85% match
Loading thumbnail…

HW1

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.

Ping-Yu Yang
85% match
Loading thumbnail…

vega lite

This visualization shows the relationship between miles per gallon, horsepower, and country of origin for a set of automobiles. Each circle represents a car, with position encoding mpg and horsepower, while color distinguishes the origin and size reflects horsepower again. Built using the vega-lite-api library, the chart is rendered with Vega-Lite and Vega, pulling data from the UCI Auto MPG dataset via D3’s `csv` loader. The view auto-fits to the window and includes interactive tooltips through vega-tooltip.

Ttknaik
85% match