Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published1🌍 Public
RRyan Fleming
Last edited Nov 7, 2018
Created on Oct 2, 2018
Forked from Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset, with each point colored by the car’s country of origin (USA, Japan, or Germany). Clicking a country in the color legend filters the points by toggling their opacity, highlighting cars from that origin. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` to render SVG axes and circles, while the legend relies on `d3.legendColor` for a horizontal color scale.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot 2

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. A color-coded legend allows users to filter points by origin (USA, Japan, Germany), with non-selected origins dimmed to 20% opacity. Built with D3 v5, the visualization uses `scaleLinear` for axes, `scaleOrdinal` with `schemeSpectral` for colors, and SVG rendering for circles, axes, and interactive legend.

RRobert Curtis
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with circles colored by country of origin (USA, Japan, or Germany). The visualization loads data from the UCI Machine Learning Repository’s auto-mpg dataset using D3’s `csv` method. It uses `scaleLinear` for both axes and circle radius (representing acceleration), plus `axisBottom` and `axisLeft` for labeled axes. SVG circles are rendered with stroke colors mapped from the `origin` column, and the chart includes a title and axis labels.

Aantoniojl@gmail.com
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for both axes and `axisBottom`/`axisLeft` for tick marks. A color legend using `scaleOrdinal` illustrates car origins. The chart includes axis labels, gridlines, and a title, with circles positioned via `xScale` and `yScale` based on the mapped data values.

Nnicfavfar
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset, with each circle’s color encoding the car’s origin. The visualization uses d3.csv to load the data, d3.scaleLinear for the axes, d3.scaleOrdinal with d3.schemeCategory10 for color mapping, and d3.axisLeft and d3.axisBottom to render gridlines and tick labels. Rendering is done as SVG elements, and the code explicitly converts parsed string values to numbers before drawing.

Vveagy
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with axes labeled for both variables and grid lines drawn from the tick marks. Built with D3 v5, the visualization uses `d3.csv` to load the data, `scaleLinear` and `extent` for scaling, and `axisBottom` and `axisLeft` to render the axes with custom tick sizing and padding. The SVG rendering includes styled text elements for the title and axis labels.

BbeauMarko
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with axes labeled accordingly. Built with D3 v5, the visualization uses `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG. Data is loaded via `csv` and parsed into numeric values, with a gridline effect achieved by custom tick sizes.

JJunheZhang66
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset, with each red semi-transparent circle representing a single vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates, drawing axes with tick marks and labeled titles. Axis padding and margins position the plot, while CSS controls circle opacity and font styling. The code loads data via `csv` from a remote URL, converting numeric fields before rendering the scatter plot with D3’s data join.

PPhilippe Rigovanov
93% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each car, with axes labeled and a title displayed above the plot. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles rendered via data joins. The code loads the dataset as CSV and applies margin-based layout within a 960×500 SVG canvas.

Ffurkaanutkuu99
93% match