HW1_311553050

100%

✓ Published0🌍 Public

Last edited Sep 20, 2023

Created on Sep 19, 2023

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

hw1_scatter_plot

This scatter plot visualizes the Iris flower dataset, showing the relationship between two selected features (sepal length, sepal width, petal length, or petal width) chosen via dropdown menus. Points are colored by species (Iris-setosa, Iris-versicolor, Iris-virginica) using CSS classes. The visualization is rendered with D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs, with data loaded from a CSV file and interactive legends displayed on the side.

Cchingching17

92% match

Loading thumbnail…

HW1_311553050_Run

This interactive scatter plot visualizes the Iris dataset, allowing users to compare any two of the four flower measurements via dropdown menus for the x- and y-axes. The visualization is built with d3.v5, using SVG rendering and a custom scatterPlot module that employs d3.scaleLinear, d3.axisBottom, and d3.axisLeft. Data points are colored by species using d3.scaleOrdinal with a schemeCategory10 palette, and a semi-transparent color legend is rendered alongside the plot. The chart updates dynamically when the user selects different measurement columns.

YYunLing

92% 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

91% 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…

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

90% match

Loading thumbnail…

312551091 of Scatter Plot

This interactive scatter plot visualizes the classic Iris dataset, displaying relationships between sepal and petal measurements with circles colored by iris species. Users can dynamically switch which numerical columns appear on the x- and y-axes via dropdown menus. The visualization uses D3 v7 modules including `scaleLinear`, `axisBottom`, and `axisLeft`, as well as a custom dropdown module and an animated `transition` that staggers circle appearances. The SVG rendering includes labeled axes, colored ordinal scales, and an interactive menu interface.

Ddaniel

90% 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

90% match

Loading thumbnail…

Iris Scatter Plot

This interactive scatter plot displays the Iris dataset, allowing users to compare sepal and petal measurements through dropdown menus that select the x- and y-axis variables. Each point represents one flower, colored by its species class, with a legend identifying the three categories. Built with D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for gridlines, and updates circles and labels dynamically via a render function. SVG rendering handles all graphical elements, while the dropdowns are created through a custom function that binds options to data.

TThe-World-Muda

90% match