Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Mminson
Last edited Sep 27, 2022
Created on Sep 26, 2022
Forked from Cars Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users can select which measurements to plot on the x and y axes using dropdown menus. The visualization encodes the three Iris species (setosa, versicolor, and virginica) with distinct colors: purple, red, and green, with semi-transparent circles. Built with D3.js v5, the code uses the `scaleLinear`, `axisLeft`, and `axisBottom` functions to create the plot, with `extent` for domain calculation and `csv` for data loading.

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…

109550057_Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species: setosa, versicolor, and virginica. The visualization uses dropdown menus to dynamically select which measurement appears on the x- and y-axes, with each species distinguished by color and labeled in a legend. The code employs D3 v5’s `select`, `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to load data, render SVG circles, and update the chart upon user selection. Data comes from the classic Iris dataset, presented as an SVG with semi-transparent points.

Jjasonlovechu
94% match
Loading thumbnail…

Untitled

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attribute appears on the x- and y-axes, updating the plot and axis labels accordingly. Data points are colored by species using a categorical scale. The visualization is built with React and D3 v5, using `d3.csv` to load data, `d3.scaleLinear` for axes, and SVG circles for marks. Axes and tick marks are drawn with custom React components.

HHsu0208
93% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris dataset, showing relationships between sepal and petal measurements for three flower classes. Users can dynamically select which measurement appears on each axis via dropdown menus, with points colored by species (setosa, versicolor, virginica). Built with D3 v5, the visualization uses d3.csv for data loading, scaleLinear for axis scaling, and axisBottom/axisLeft for rendering gridlines. The render function rebuilds the SVG scene on each axis change, updating scales and redrawing circles accordingly.

LLockingChiao
93% match
Loading thumbnail…

Untitled

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions. Users can change which measurements appear on the x- and y-axes via dropdown menus, with points colored by Iris species. The visualization uses D3 v5 scales and axes within a React framework, rendering circles as SVG elements with a color mapping for the three species classes.

Yyuli19991001
93% match
Loading thumbnail…

Untitled

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal dimensions for three species. Users can switch the x- and y-axis variables via dropdown menus, which triggers a re-render of the visualization. The plot uses D3 v5 with `scaleLinear`, `scaleOrdinal`, and `axisBottom`/`axisLeft` to position circles, color-coded by species. Points animate into place using `transition().duration()` with staggered delays, and a legend notes each species' color.

Aannie520143
93% match
Loading thumbnail…

Generated Visualization

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions for three iris species. Users can select which measurement appears on each axis via dropdown menus, with points color-coded by species and accompanied by a legend. The visualization is built with D3.js v7, using d3.csv for data loading, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for rendering the plot in SVG. The view updates dynamically whenever the axis selections change.

CCurran Kelleher
93% match
Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, showing measurements of sepal and petal length and width across three species. Users can dynamically select which measurement appears on the x-axis and y-axis using dropdown menus. The visualization uses D3.js v5 with SVG rendering, employing `scaleLinear` for axes, `scaleOrdinal` for color mapping, and `axisBottom` and `axisLeft` for ticks. The data is loaded via `d3.csv` and rendered as semi-transparent circles colored by species class.

Cchungmin-yu
93% match
Loading thumbnail…

Iris scatter plot

This interactive scatter plot visualizes the Iris dataset, allowing exploration of relationships between sepal and petal measurements. Three Iris species are color-coded and rendered as semi-transparent circles using D3 v5’s scalable vector graphics. The plot uses `d3.select`, `d3.scaleLinear`, and `d3.extent` to map axes, while dropdown menus built with custom D3 selection logic let users dynamically choose which measurements appear on the X and Y axes.

TTsen Hsieh
92% match