Fork of 2222333

100%

Fork of 2222333

✓ Published0🌍 Public

Last edited Sep 12, 2024

Created on Sep 12, 2024

Forked from 2222333

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal dimensions. Users can dynamically select which measurement appears on the X or Y axis via radio buttons. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using semi-transparent red, green, and blue colors. Built with D3 v4, the plot uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color mapping, and re-renders the SVG plot on each axis change.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying the relationship between two user-selected measurements (sepal length/width or petal length/width) on the x- and y-axes. Colored circles represent the three Iris species (setosa, versicolor, virginica) using a categorical color scale. The D3.js code builds the chart with `scaleLinear` and `scaleOrdinal` for scaling, `axisLeft` and `axisBottom` for axes, and dropdown menus trigger redraws via event listeners. Data is loaded from a CSV file, and points are rendered as SVG circles.

Aaddword527

92% match

Loading thumbnail…

Untitled

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.

Mminson

92% match

Loading thumbnail…

Fork of Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal dimensions across three species. Users can dynamically select which measurement appears on each axis through dropdown menus, with the chart redrawing to reflect the new configuration. The visualization uses D3.js v7 with SVG rendering, employing d3.scaleLinear for scales, d3.axisBottom and d3.axisLeft for axes, and d3.scaleOrdinal for color coding by species. The code loads data from a CSV file and includes a legend identifying the three species.

VVinod Pahuja

92% match

Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which measurement appears on the x- and y-axes. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to render axes and gridlines, while data points are drawn as SVG circles with color-coded species and an accompanying legend. When the axes change, the circles smoothly transition to their new positions using D3's `transition()`.

HHaowenWeiJohn

91% match

Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to dynamically select which sepal or petal measurements to plot on the x- and y-axes via dropdown menus. Dots representing individual flowers are color-coded by species (setosa, versicolor, virginica). The visualization is built with D3 v5, using `scaleLinear`, `axisBottom`, and `axisLeft` to render axes, and employs smooth `transition().duration(1000)` animations to transition points between axis configurations.

Nnutmegsashimi

91% match

Loading thumbnail…

Scatter Plots(311551085)

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements. Users can select which measurement appears on the X and Y axes via dropdown menus. The visualization uses d3.scaleLinear to scale the axes, d3.axisLeft and axisBottom for ticks, and d3.scaleOrdinal to assign distinct colors to the three Iris species. The plot renders as SVG circles, with a title, axis labels, and a color legend identifying Iris-setosa, versicolor, and virginica.

JJingya

91% match

Loading thumbnail…

Fork of 0

This interactive D3.js scatter plot visualizes the classic Iris dataset, showing measurements of sepal and petal dimensions for three species. Users can change the X and Y axes using dropdown menus, instantly re-projecting the data. The visualization uses `d3.scaleLinear` for axis scaling and `d3.axisBottom` and `d3.axisLeft` for tick marks and grid lines. Points animate from the plot’s center using D3’s `.transition().duration(1500).delay((d, i) => i * 10)` and are colored by species via the `.style('fill', (d) => color(d.class))` mapping, creating a dynamic, reconfigurable view of multidimensional plant data.

Eeyxxr1260@gmail.com

91% match

Loading thumbnail…

Fork of Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width. Users can dynamically select which numerical attribute appears on the X and Y axes via HTML dropdown menus, with points colored by iris species (setosa, versicolor, virginica). The visualization uses D3 v7 with SVG rendering, implementing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs. The chart redraws its axes and circles whenever a different attribute is chosen, with the y-axis dropdown preventing selection of the same attribute as the x-axis.

RRachel Chen

91% match