Skip to main content
SimilarExport ZIP
100%

Cars Scattor Plot

✓ Published1🌍 Public
NNita
Last edited Sep 5, 2018
Created on Sep 5, 2018
Forked from Cars report

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a vehicle from the UCI Machine Learning Repository auto-mpg dataset. The visualization initially displays empty axes, then animates points into position using a staggered transition with a 1000ms duration and per-element delays. Built with D3 v5, the code uses `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll('circle').data().enter()` to render SVG circles with red fill and opacity. Axis labels and a title are appended as SVG text elements.

AI-generated description

This Scattor Plot shows relation between Horsepower and weight of the cars. The data comes from UCI Machine Learning Repository UCI Machine Learning Repository 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scattor Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s auto-mpg dataset. Each semi-transparent red circle represents a car, positioned by its weight on the x-axis and horsepower on the y-axis. Built with D3 v5, the visualization uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for gridlines and ticks, and renders SVG circles. The chart includes labeled axes, a title, and utilizes a margin-based layout within a fixed 960×500 SVG canvas.

NNita
97% 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 Data Set. The visualization shows each car as a red, semi-transparent circle positioned along the x-axis for horsepower and the y-axis for weight. The code uses D3 v5 functions including `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG graphic. Axes are labeled with tick marks and text, with the chart including a title and axis labels for clarity.

Kkaviya-ds
94% match
Loading thumbnail…

Cars Scatter Plot

This visualization shows the relationship between horsepower and weight for cars, with each circle representing an individual vehicle from the auto-mpg dataset. The scatter plot uses d3.csv to load the data and d3.scaleLinear with d3.extent to map the values, while d3.axisBottom and d3.axisLeft render the labeled axes. Circles are appended as SVG elements, styled with steelblue fill and 50% opacity, and the plot includes a title and rotated axis labels. Data originates from the Machine Learning Repository and is parsed as numeric values before rendering.

Ggabcoderboi
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, positioned by its horsepower on the x-axis and weight on the y-axis, with a dashed grid from the axis tick marks. Built with D3 v5 and rendered as SVG, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map the data and draw labeled axes. The plot is generated by fetching the CSV and converting its numeric fields before rendering.

NNeepaB
94% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars, with each circle representing a vehicle. The visualization uses D3.js (v5) to render the plot as an SVG, scaling the data from the included auto-mpg.csv file, which originates from the UCI Machine Learning Repository. The code employs `scaleLinear`, `extent`, and the `axisLeft` and `axisBottom` functions to construct and label the axes, while the circles are appended to the SVG group using D3's selection and data-binding methods.

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

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set, with each car represented by a semi-transparent red circle. The visualization uses D3 version 5 to load CSV data, scale linearly with `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. SVG elements are positioned via data-bound circles, while axis labels and a title are appended as text. The axes use tick lines to create a grid, and all styling is handled through external CSS.

CChinzorigt Ganbat
94% match