Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published1🌍 Public

Last edited Apr 19, 2022

Created on Apr 19, 2022

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.

AI-generated description

This scatter plot shows data about cars from [UCI Machine Learning Repository].

MIT Licensed

Similar vizzes

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 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.

RRyan Fleming

96% match

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

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

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. 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

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. The chart displays each car as a red, semi-transparent circle, with horsepower on the x-axis and weight on the y-axis, and includes labeled axes and a title. The visualization is built with D3 v5, using `scaleLinear` for both axes and `axisBottom` and `axisLeft` for tick marks. Data is loaded via `csv` from a remote ACS county dataset, though the code references car-related fields. The SVG rendering uses a margin-based layout with custom axis labels and a circle radius of 10 pixels.

CCBoton

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 Data Set. Each circle represents a car, with its position determined by the car’s horsepower on the x-axis and weight on the y-axis, rendered as red, semi-transparent points. The visualization uses D3 v5’s `csv` loader to fetch data, `scaleLinear` for both axes, and `axisBottom` and `axisLeft` to draw the tick marks and labels. The SVG output includes a title and axis labels, with styling applied via CSS.

Nnaziafrin

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 circle represents a car, with axes labeled and a title displayed. Built with D3.js, it uses `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes. The SVG output includes tick lines, grid lines, and an axis-label rotation, styled via CSS.

PPavel Antoshkin

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. Each red, semi-transparent circle represents a car, with its position determined by horsepower on the x-axis and weight on the y-axis, both scaled using `d3.scaleLinear`. The code loads the CSV data with `d3.csv`, parses numeric fields, and renders axes via `d3.axisLeft` and `d3.axisBottom` with tick marks. SVG circles are appended to the chart, and labels for axes and title are added using D3’s selection methods.

Yykki

93% match