Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot with horsepower and weight against cylinders

✓ Published0🌍 Public
Ssrrajendran
Last edited Nov 7, 2018
Created on Oct 17, 2018

A scatter plot displays car data from the UCI Auto MPG dataset, mapping time of day against the top hour of incidents. Each circle represents a car, colored by its cylinder count using an ordinal color scale with viridis interpolation. The visualization includes a color legend for filtering by cylinder value. Built with D3 v5, it uses d3.scaleOrdinal for colors, d3.axisLeft and d3.axisBottom for axes, and SVG circles for rendering points.

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 with horsepower and weight against cylinders

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point colored by the number of cylinders using a viridis color scale. A legend allows users to click on cylinder values to filter the displayed data, dimming non-matching points. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleOrdinal` for color mapping, `d3.scaleLinear` for axes, and custom modules for the scatter plot, color legend, and dropdown menu. Data is loaded from a local CSV file.

Ssrrajendran
92% match
Loading thumbnail…

Cars Scatter Plot

A scatter plot displays the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each red semi-transparent circle represents a car, with position determined by linear scales mapping these quantitative attributes. The visualization uses D3 v7 with `scaleLinear`, `axisBottom`, `axisLeft`, and SVG circles, styled via CSS. Axes include tick marks, labels, and a title, with data loaded as CSV and rendered in an SVG container.

Yyejichun@naver.com
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point colored by the number of cylinders. Users can click the color legend to filter the display, highlighting cars with a specific cylinder count while dimming others. The visualization uses d3.scaleOrdinal with the schemeSpectral color palette for categorical encoding, and renders axes with d3.axisBottom and d3.axisLeft. Data is loaded from an auto-mpg.csv file, with all numeric fields parsed as numbers, and the chart is drawn as SVG.

Ssrrajendran
92% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Auto MPG dataset, showing the relationship between horsepower and weight. Each circle represents a car, with its position determined by horsepower and weight values, rendered as red semi-transparent SVG circles. The plot includes labeled axes, a title, and grid lines. The code uses D3 v5's `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` APIs to construct the visualization, though the legend component is defined but not actively used. Data is loaded from a CSV file via D3's `csv` function and processed before rendering.

JJimmyDiGioia
91% 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 circle represents a car, and the chart uses d3.scaleLinear for both axes, with d3.axisBottom and d3.axisLeft to render tick marks and labels. The SVG is configured with custom margins, and circles are styled with red fill and opacity for overlapping points. Data is loaded via d3.csv and parsed as numeric values before rendering.

AAbhijeet Panda
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with grid lines and labeled axes for readability. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the scales and axes, while loading CSV data via the `csv` function. The SVG rendering applies a green, semi-transparent fill to the circles, with custom styling defined in CSS.

Ccbruml
91% 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 circle represents a car, with its position determined by d3.scaleLinear scales and its size fixed. The code uses d3.csv to load the data, d3.axisBottom and d3.axisLeft to render axes with grid lines, and appends SVG circles with a red, semi-transparent fill. Axis labels, a title, and tick styling are added via D3 selections and CSS classes.

Ffurkaanutkuu99
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each circle representing a vehicle and positioned using linear scales. It renders as an SVG using D3 v5, employing `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values, and draw axes with tick marks. The code sets up custom margins, removes default axis domains, and adds rotated axis labels and a title, while styling circles with red fill at reduced opacity via CSS.

Ssaifsre
91% match