Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Nnicfavfar
Last edited May 14, 2019
Created on May 14, 2019
Forked from Cars Scatter Plot

This visualization displays a scatter plot of cars, showing horsepower on the x-axis and weight on the y-axis, with each circle representing an individual vehicle. The plot uses d3.scaleLinear and d3.axisBottom/axisLeft to construct the chart. The SVG rendering includes a title, axis labels, and colored circles with opacity. Data comes from the UCI Machine Learning Repository's Auto MPG dataset, loaded via d3.csv. The code imports d3.scaleOrdinal and d3.interpolateRainbow for potential color encoding, though circles appear red in the current styling.

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

This visualization displays a scatter plot of cars, showing horsepower on the x-axis and weight on the y-axis, with each circle representing an individual vehicle. The plot uses d3.scaleLinear and d3.axisBottom/axisLeft to construct the chart. The SVG rendering includes a title, axis labels, and colored circles with opacity. Data comes from the UCI Machine Learning Repository's Auto MPG dataset, loaded via d3.csv. The code imports d3.scaleOrdinal and d3.interpolateRainbow for potential color encoding, though circles appear red in the current styling.

Nnicfavfar
100% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars sourced from the UCI Machine Learning Repository’s Auto MPG dataset. It renders each car as a semi-transparent red circle on an SVG canvas, using d3.scaleLinear for both axes. The code employs d3.csv to load the data, d3.axisBottom and d3.axisLeft for the axes, and d3.format for tick labels. Axis labels and a title are appended as SVG text elements.

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

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear functions for the x- and y-axes. The visualization uses d3.csv to load and parse the remote data, then renders the plot as SVG elements via d3’s axisBottom, axisLeft, and circle selections. Axis labels and a title are added as SVG text, with d3.format available for tick formatting.

CCharvi Jain
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Auto MPG dataset. Red semi-transparent circles represent individual cars, with axes labeled and gridlines rendered via d3.axisBottom and d3.axisLeft. Built with d3.v5 and SVG, the code uses d3.scaleLinear, d3.extent, and d3.csv to load and scale the data, displaying the chart within a 960x500 viewport.

Eexcalibur1987
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower (x-axis) and weight (y-axis) for cars, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles represent individual vehicles, with axes labeled and a title displayed. The visualization is built with D3 v5, using `scaleLinear` for scales, `axisBottom` and `axisLeft` for axes, and SVG circles for rendering. Data is loaded via `csv` from a remote gist, with numeric fields parsed before rendering.

PPetetoni
96% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Auto MPG data set, with each red semi-transparent circle representing a single vehicle. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the tick marks and labels. The SVG output includes axis labels and a title, with circles positioned via the x and y scales and styled through CSS opacity.

CChenLeah
96% match