HW1

100%

HW1 - Scatter Plot of Iris Dataset

✓ Published0🌍 Public

Ee94091071@gs.ncku.edu.tw

Last edited Sep 17, 2024

Created on Sep 9, 2024

An interactive scatter plot visualizes the Iris dataset, allowing users to compare any pair of four floral measurements via two dropdown menus. The plot depicts all 150 specimens as colored circles, with light pink, green, and orange distinguishing the three iris species through a custom color legend. Built with D3 v5, the visualization uses `csv()` to load data, `scaleLinear()` for axes, and `axisBottom()`/`axisLeft()` for grid lines. Animated transitions animate circles from the chart’s center to their plotted positions after each axis selection. SVG rendering displays the chart and dropdown menus.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

HW1 Scatter Plots for Iris

This interactive scatter plot explores the Iris dataset, letting users compare any two of the four flower measurements via dropdown menus. The chart renders 150 species-classified points with a D3 transition that animates them from the center to their positions on the axes, which update smoothly with each selection. Using D3 v7 scales and axes, it draws an SVG with colored circles for each Iris class and includes a legend for identification. The visualization demonstrates the distribution and clustering of the three species across different feature combinations.

TTrista Lee

93% match

Loading thumbnail…

HW1 : Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying measurements of sepal and petal length and width for three species. Users select axes from dropdown menus and confirm their choices to update the visualization, which uses colored circles to distinguish Iris-setosa, Iris-versicolor, and Iris-virginica. Built with D3 v5, the code employs d3.scaleLinear, d3.extent, d3.axisBottom, and d3.axisLeft to render axes and SVG circles, with data loaded from a local CSV file.

LLSAWB

93% match

Loading thumbnail…

This interactive scatter plot visualizes the Iris flower dataset, encoding the three species—setosa, versicolor, and virginica—as distinct colors. Users can dynamically select any two of the four flower measurements for the x- and y-axes using radio buttons, and the chart recalculates its linear scales and redraws the points with updated axis labels. Built with D3.js v4, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` for axis mapping, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The SVG rendering includes light grey grid lines and a custom legend near the top.

Aanna960073@gmail.com

92% match

Loading thumbnail…

HW1

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. The visualization uses D3.js (v7) to render circles colored by species (Iris-setosa, Iris-versicolor, and Iris-virginica) on an SVG canvas. Users can dynamically change the X and Y axes via Bootstrap dropdown menus, which trigger a re-render of the scatter plot. The code uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to handle scaling, axes, and color encoding, with CSV data loaded from `iris.csv`.

Kkezianathania021@gmail.com

91% match

Loading thumbnail…

Fork of DataVisualization HW1 - Scatter plot

This interactive scatter plot displays the Iris dataset, letting users compare any two numeric flower measurements via dropdown menus. The visualization colors each point by iris species and includes a legend. Built with D3 v5, it uses scaleLinear for axes, scaleOrdinal with schemeCategory10 for coloring, and d3.csv to load the data. The circles animate into place using a 2-second transition with staggered delays, rendered as SVG elements.

AAlextien

90% match

Loading thumbnail…

hw1

This interactive scatterplot displays the Iris dataset, with each flower plotted as a semi-transparent circle colored by species. Dropdown menus allow switching which quantitative variable appears on each axis, while a click triggers a staggered animation as the circles transition to their new positions. The visualization is built with D3 v5, using `scaleLinear`, `scaleOrdinal`, `axisBottom`, `axisLeft`, and `transition().duration()`. Animated updates render in SVG.

YYouSheng-Do

90% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the classic Iris dataset, allowing users to compare any two of the four flower measurements (sepal length/width, petal length/width) by selecting them from dropdown menus. Each of the 150 data points is rendered as a colored circle, with hue indicating one of three Iris species. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` for axes, while `transition().duration().delay().attr()` animates the circles smoothly to their new positions when the axis selection changes. The legend and axis dropdowns are placed beside the plot.

Mmagua

90% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, allowing users to compare any two of the four measured flower features via dropdown menus. The plot displays each flower as a semi-transparent circle colored by its species class, with a legend identifying the three types. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color mapping, and animates points from the center to their positions using a two-second `transition` with staggered delays. The data is loaded from a CSV file, and the interface is rendered as SVG elements.

TToooooooT

90% match