Skip to main content
SimilarExport ZIP
100%

109550187_HW1

✓ Published3🌍 Public
Ppatricknicholas27@gmail.com
Last edited Oct 2, 2023
Created on Sep 25, 2023

This interactive scatterplot displays the Iris dataset, plotting 150 flowers with selectable axes for the four measured features (sepal and petal dimensions). A drop-down menu encodes a categorical color scale for the three Iris species, while the circles animate and reposition at a fixed radius as the user changes the x or y axis. Built with D3 version 7, the visualization uses `select` chains, `scaleLinear`, `transition`, and the `menu` module’s change event to update the plot. The SVG rendering honors the displayed data from the included CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

310551076_HW1_Scatter Plots (Interactive Legend)

This interactive scatter plot displays the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Dropdown menus select which features appear on the x- and y-axes, and hovering over any point highlights all points of the same species while dimming others. The visualization uses D3 v7 with `scaleLinear`, `axisBottom`, and `axisLeft` for scales and axes, and updates the SVG via a `render()` function. CSV data is loaded with `d3.csv`, and species colors are mapped explicitly in the code.

陳陳泰元
92% match
Loading thumbnail…

310551076_HW1_Scatter Plots

This interactive scatter plot visualizes the Iris dataset, showing how three flower species cluster across selected measurement pairs. Two dropdown menus allow users to independently choose which of the four features (sepal length, sepal width, petal length, petal width) appear on the x- and y-axes. The code uses D3.js v7 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to build the axes and gridlines. Circles are colored by species using a hardcoded color map, and the chart updates dynamically through the `render` function.

陳陳泰元
91% 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
91% match
Loading thumbnail…

HW1_311553050

This interactive scatter plot visualizes the Iris dataset, displaying the relationship between two user-selected flower measurements (sepal length, sepal width, petal length, petal width) on the x- and y-axes. Points are color-coded by iris class using `d3.scaleOrdinal` with `d3.schemeCategory10`, and a color legend is rendered as an SVG group. Two dropdown menus allow the viewer to change the axes. The plot uses `d3.axisBottom` and `d3.axisLeft` with grid lines, and updates dynamically via D3's data join pattern.

YYunLing
90% match
Loading thumbnail…

Fork of 310551076_HW1_Scatter Plots (Interactive Legend)

This interactive scatter plot visualizes the Iris dataset, showing the relationships between four flower measurements with points colored by species. Two dropdown menus allow users to select which features appear on the x and y axes. Hovering over a point highlights all points of the same species while fading others, and the interactive legend responds to hover events. The visualization uses d3.v7 with scaleLinear, extent, axisBottom, and axisLeft to render the SVG axes and circles, with animations triggered by menu changes.

陳陳泰元
89% match
Loading thumbnail…

109550048

This interactive scatter plot visualizes the Iris dataset, showing measurements of sepal and petal length and width for three flower species. Users can select any data column for the x-axis and y-axis via dropdown menus, and the plot updates accordingly, with colored circles representing each species. The visualization uses D3 v5, employing `select` and `csv` for data loading and transformation, `scaleLinear` for axes, and `scaleOrdinal` for color mapping. The chart includes labeled axes, axis ticks, and a legend for the three Iris species.

TTrashBoatDora
89% match
Loading thumbnail…

HW01-Iris

This interactive scatterplot of the classic Iris dataset allows viewers to explore relationships between sepal and petal measurements by selecting any pair of features for the x- and y-axes via radio buttons. The plot displays 150 flowers, color-coded by species, with semi-transparent circles rendered as SVG. The visualization dynamically updates using D3.js scales and axes, and it redraws responsively on window resize. Data is loaded from a CSV file, and species-specific colors are applied through CSS classes.

YYang Shun Yu
89% 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
89% match