Iris Scatter Plot

100%

Iris Scatter Plot

✓ Published0🌍 Public

Last edited Dec 17, 2020

Created on Dec 17, 2020

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."

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 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.

AAndy Chang

93% match

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

91% match

Loading thumbnail…

sctter plot iris

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying relationships between numeric car attributes. Users select which columns map to the X and Y axes through dropdown menus generated by the custom `dropdownMenu` function. The visualization uses d3.v5 with `scaleLinear`, `axisLeft`, `axisBottom`, and `extent` to render axes, while circles animate from the chart center to their final positions over two seconds using `transition().duration(2000).delay()`. SVG rendering and styled tick labels complete the interface.

TTrashBoatDora

87% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between MPG and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set, with each circle representing a vehicle. The chart uses a blue, semi-transparent point encoding to reveal density and patterns across the axes, labeled “MPG” and “Weight.” Built with D3 v5, the code employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for tick rendering, and `csv` to load and parse the data. The SVG rendering includes custom margins, tick lines, and axis labels styled via CSS.

Xxhoumba

87% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between miles per gallon (MPG) and vehicle weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each circle represents a car, with axes labeled for MPG and weight. The visualization uses D3 v6 with `scaleLinear` and `extent` to map data ranges, `axisBottom` and `axisLeft` for gridlines and ticks, and SVG circles with a steelblue fill. The graph includes axis titles and a header, with data loaded via `csv` from an external URL.

Ggoodej

86% match

Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes automobile characteristics from the UCI Auto MPG dataset. Users select which attribute to display on the x-axis via a dropdown menu, with miles per gallon always plotted on the y-axis. The visualization uses D3 v5 with `csv`, `scaleLinear`, and `axisBottom` to render SVG circles whose opacity reveals data density. Data loading is asynchronous, and the chart re-renders whenever the selected column changes.

Jjesramyep1263

86% match

Loading thumbnail…

Cars Scatter Plot

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, displaying car weight on the y-axis while allowing users to select different x-axis attributes via a dropdown menu. The visualization uses D3 v5 with SVG rendering, employing `d3.csv` for data loading, `d3.scaleLinear` with `d3.extent` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. A custom dropdown menu component updates the x-axis column through `d3.select` and event handlers, while the scatter plot's circles are appended dynamically with data-bound attributes.

JJun Yi | Dylan

86% match

Loading thumbnail…

Scatter plot testing

This scatter plot visualizes automotive data from the UCI Machine Learning Repository’s Auto MPG dataset, mapping horsepower on the x-axis and miles per gallon on the y-axis. Each circle’s radius encodes vehicle weight, with semi-transparent tomato-colored points revealing density patterns. The visualization is built with D3 v5 using `scaleLinear`, `axisBottom`, `axisLeft`, and `csv` for data loading. The SVG rendering includes labeled axes, grid lines via tick sizes, and a rotated y-axis label, all styled with custom CSS for typography and fill colors.

Nnoelmiranda

86% match