Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot with horsepower and weight against cylinders

✓ Published5🌍 Public
Ssrrajendran
Last edited Nov 7, 2018
Created on Oct 3, 2018
Forked from 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 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.

AI-generated description

This scatter plot shows data about cars,

MIT Licensed

Similar vizzes

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
96% match
Loading thumbnail…

Cars Scatter Plot with horsepower and weight against cylinders

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.

Ssrrajendran
92% match
Loading thumbnail…

Cars Scatter Plot with Interactive Filtering

A scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each point colored by the number of cylinders. Users click the interactive color legend to filter which cylinder groups remain visible. The visualization uses D3 v5 with SVG rendering, employing `scaleOrdinal` and `schemeSpectral` for color encoding, alongside `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes. A black background and opacity adjustments highlight the spectral color range across cylinder categories.

Ffloresh
91% match
Loading thumbnail…

Cars Scatter Plot with Interactive Filtering

A scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each point colored by the number of cylinders. Users click the interactive color legend to filter which cylinder groups remain visible. The visualization uses D3 v5 with SVG rendering, employing `scaleOrdinal` and `schemeSpectral` for color encoding, alongside `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes. A black background and opacity adjustments highlight the spectral color range across cylinder categories.

Ffloresh
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent red circle. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes. Data is loaded from a CSV file via `d3.csv`, and numeric fields are parsed before rendering. Axis labels and a title are added as SVG text elements, with tick marks and gridlines customized through the axis’s `tickSize` method.

Nnkrpyate
90% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each car represented as a semi-transparent red circle. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleLinear`, `d3.extent`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes. Data is loaded from a CSV file via `d3.csv`, and numeric fields are parsed before rendering. Axis labels and a title are added as SVG text elements, with tick marks and gridlines customized through the axis’s `tickSize` method.

Nnkrpyate
90% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, using a dataset of automobile specifications loaded from a CSV file. Each car is represented as a semi-transparent red circle, with the x-axis mapping horsepower and the y-axis mapping weight. The visualization is built with D3 v5, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the axes and scales. The SVG rendering includes labeled axes, a title, and grid lines styled via CSS, with the data parsed from the remote `auto-mpg.csv` source.

Vveagy
90% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each point representing an individual vehicle. The x-axis maps horsepower, the y-axis maps weight, and all points are rendered as semi-transparent red circles. Built with D3 v5, the visualization uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and `csv` to load the auto-mpg dataset. SVG output is generated with a margin-based layout, axis labels, and a title, with the data loaded from an external CSV file.

NNaveenaS12
90% match