Skip to main content
SimilarExport ZIP
100%

109705001_hw1

✓ Published0🌍 Public
Yyihsuan
Last edited Sep 1, 2024
Created on Sep 1, 2024

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions. Users can dynamically select which measurement appears on the x- and y-axes via radio buttons, with points colored by Iris species (setosa, versicolor, virginica) according to an SVG legend. The visualization is built with D3 v7, using `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and SVG circles for data points.

AI-generated description
MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

hw1

This interactive scatterplot visualizes the Iris dataset, displaying flower measurements selected via radio buttons for both the X and Y axes. Users can switch between sepal length, sepal width, petal length, and petal width to explore relationships among the 150 samples. The code uses D3.js scaleLinear and extent functions to map data coordinates, with axes rendered using axisLeft and axisBottom. Radio button events trigger re-rendering of the SVG visualization, updating the circle positions accordingly.

Yyihsuan
92% match
Loading thumbnail…

Iris_312553048_HW1

This interactive scatterplot visualizes the Iris flower dataset, showing relationships between sepal and petal measurements. Users select which attributes to plot on the x- and y-axes via dropdown menus. Points are colored by species (setosa, versicolor, virginica) with a legend, and they animate into position using D3 transitions on `attr('cx')` and `attr('cy')`. The visualization uses d3.csv for data loading, scaleLinear, axisBottom, axisLeft, and scaleOrdinal for scales and axes.

Jjerry70938@gmail.com
92% match
Loading thumbnail…

123

This interactive D3.js scatter plot visualizes the classic Iris dataset, displaying measurements of sepal length, sepal width, petal length, and petal width for three species of iris flowers. Users can dynamically select which measurement appears on the x-axis and y-axis via dropdown menus, with the plot updating accordingly. The visualization uses D3's `scaleLinear` for axes, `axisBottom` and `axisLeft` for rendering ticks, and `extent` to determine the domain of the selected data. Points are colored by species using an ordinal color scale, rendered as SVG circles.

CCinSiangNg
92% 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
92% 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
91% match
Loading thumbnail…

1

This interactive scatter plot visualizes the classic Iris dataset, allowing users to dynamically explore relationships between sepal and petal measurements. The D3.js visualization renders circles colored by species, with dropdown menus to switch the variables mapped to the X and Y axes. Using D3's `scaleLinear`, `axisBottom`, `axisLeft`, and `transition`, the plot smoothly animates data points between configurations when selections change. The legend and axis labels update dynamically based on the user's chosen attributes.

Nne5ls7on@gmail.com
91% 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