Skip to main content
SimilarExport ZIP
100%

Fork of Scatter plot

✓ Published1🌍 Public
MMuiruriscode
Last edited Oct 5, 2021
Created on Oct 5, 2021
Forked from Scatter plot

This scatter plot visualizes the relationship between car horsepower and fuel efficiency (MPG) using the Auto MPG dataset. The visualization renders circles as SVG elements, with axes labeled and styled using custom CSS. The implementation leverages d3's `scaleLinear` for coordinate mapping, `axisLeft` and `axisBottom` for axis generation, and `csv` to load the data from a remote source, with parsed numeric fields.

AI-generated description

This data shows the data about cars from UCI Machine Learning Repository: Auto MPG Data Set

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between a car's fuel efficiency (mpg) and its horsepower using data from the auto-mpg.csv dataset. The plot uses circles to represent individual car models, with the x-axis showing mpg and the y-axis showing horsepower. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisLeft` and `axisBottom` for the axes, and `select` to target the SVG element. The data is loaded via `csv` and processed before rendering.

PPioustu
91% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset. Red circles represent each vehicle, with axes labeled and a title displayed. The visualization uses D3 v5 with `scaleLinear`, `axisBottom`, and `axisLeft` to construct the plot, while `csv` loads the data. The SVG rendering applies semi-transparent circles and custom tick styling via CSS.

Llemonxixixi
89% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
89% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for a dataset of automobiles, with each car represented as a semi-transparent circle. The visualization uses D3 v5's linear scales (`scaleLinear`) to map data values to coordinates, and axes are rendered with `axisLeft` and `axisBottom`, including grid lines and custom tick formatting. The SVG canvas is populated by appending circle elements, and the data is loaded asynchronously from a CSV file using the `csv` function.

Ssara17585
89% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the Auto MPG dataset, with each red circle representing a vehicle. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes, while circles are appended via `selectAll` and `enter`. Data is loaded as CSV and parsed with numeric conversions. The SVG rendering includes custom axis labels and a title, styled through CSS with opacity and tick formatting.

GGerasimos Katsagannis
89% match
Loading thumbnail…

Fork of Car Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars in the Auto MPG dataset from the UCI Machine Learning Repository. Red semi-transparent circles represent individual cars, with axes labeled and gridlines rendered via d3.axisBottom and d3.axisLeft. The code uses d3.scaleLinear for both axes, d3.extent to compute domains, and d3.csv to load the remote dataset, converting string values with parseInt before rendering the SVG.

CClara Hu
89% match
Loading thumbnail…

Fork of 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 an SVG rendering, implementing linear scales, axes, and circles to encode the data points. The code loads the CSV data asynchronously, parses numeric fields, and applies margin conventions to position the axes and title. The styling uses red semi-transparent circles and custom axis-label and title sizes.

Aartijain688
89% match
Loading thumbnail…

Fork of Cars Scatter Plot

This scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, showing the relationship between horsepower and weight for various car models. Each circle is color-coded by the car’s origin, and hovering reveals a tooltip with the car’s name and origin. The visualization is built with D3 v5, using `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for scales, and `d3.axisBottom` and `d3.axisLeft` for axes. The SVG rendering includes grid lines, axis labels, and a title.

Ddev-ignacio-h
88% match