Skip to main content
SimilarExport ZIP
100%

Iris Scatter Plot

✓ Published0🌍 Public
AAndy Chang
Last edited Sep 30, 2022
Created on Sep 30, 2022
Forked from 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. It uses D3 v5 to load the CSV data, scale linear axes, and render red, semi-transparent circles in an SVG. The code employs `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with labeled axes and a title. Data values are explicitly converted to numbers before rendering, and the visualization includes tick marks, grid lines, and custom styling for text and circles.

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…

Iris 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. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with gridlines and labeled axes from d3.axisLeft and d3.axisBottom. The code uses d3.csv to load the data, d3.scaleLinear for both scales, and d3.extent to set the domains, rendering the SVG in a D3 v5 framework.

JJepyagg
98% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes automobile data from the UCI Machine Learning Repository's Auto MPG dataset, displaying the relationship between miles per gallon (mpg) on the x-axis and vehicle weight on the y-axis. The visualization employs D3.js v5 to create an SVG-based scatter plot, with each point representing a car model. The code uses `csv()` for data loading, `scaleLinear()` for both axes, and `axisBottom()` and `axisLeft()` for tick generation. The implementation includes a button interface using `buttonAction` to potentially filter data, though the current rendering displays all vehicles as red, semi-transparent circles with a title labeled "Iris Scatter Plot."

Llzb1003
93% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set, using red semi-transparent circles. Built with D3 v5, the code loads CSV data, applies linear scales, and renders SVG axes with tick marks and labels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart, with formatting applied via CSS classes for titles and axis text.

LLakshmi9666
91% match
Loading thumbnail…

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. Using D3 v5, the code loads the CSV data, applies linear scales via `d3.scaleLinear`, and renders red, semi-transparent circles as SVG elements. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, complete with tick marks, labels, and a title, all styled through CSS.

Aavesh1998
91% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. Red semi-transparent circles mark each vehicle, with axes labeled accordingly and gridlines drawn. The visualization uses D3 v5, employing `csv` to load data, `scaleLinear` and `extent` for scaling, `axisBottom` and `axisLeft` for axes, and SVG rendering for output. Data types are parsed and coerced to numbers before plotting.

Ooabundes
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, with each red semi-transparent circle representing a single vehicle. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map the data to SVG coordinates, drawing axes with tick marks and labeled titles. Axis padding and margins position the plot, while CSS controls circle opacity and font styling. The code loads data via `csv` from a remote URL, converting numeric fields before rendering the scatter plot with D3’s data join.

PPhilippe Rigovanov
91% 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 dataset. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes, `axisLeft` and `axisBottom` for labeled tick marks, and `extent` to set the domains. Red semi-transparent circles represent individual data points, while axis labels and a title annotate the chart. The code loads data via `csv` and converts string values to numbers before rendering.

SShawn Kearney
90% match
Loading thumbnail…

Scattered 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, with its position determined by its horsepower (x-axis) and weight (y-axis). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the labeled scales. The SVG rendering includes styled axis ticks, labels, and a title, with circles appended to a grouped element translated by calculated margins.

AAdeola Oni
90% match