DATA VISUALIZATION HW1 v3

100%

DATA VISUALIZATION HW1 v3

✓ Published2🌍 Public

Last edited Sep 24, 2023

Created on Sep 24, 2023

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attributes appear on the x- and y-axes, while color distinguishes the three Iris species. A color legend with hover interactions highlights individual species by fading non-selected points. The visualization is built with React, using D3 v5 scales (scaleLinear, scaleOrdinal) for positioning and coloring, and renders as SVG with custom axis and legend components.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

DATA VISUALIZATION HW1 v2

This interactive scatter plot of the classic Iris dataset lets users explore relationships between sepal and petal measurements. Built with React and D3.js (v5), it renders 150 points as SVGs, colored by iris species. Users can select any measurement combination for the X and Y axes via dropdown menus. Hovering over a species in the color legend highlights that group's points while dimming others, using D3's scaleOrdinal for color mapping and scaleLinear for axes.

Nnathanowen06

97% match

Loading thumbnail…

DATA VISUALIZATION HW1

This interactive scatter plot visualizes the Iris dataset, with dropdown menus to select which sepal or petal measurement appears on the X and Y axes. D3 scales map the selected attributes to positions, while an ordinal color scale distinguishes the three iris species, with a color legend. The visualization uses React for state management and SVG rendering, with the `useData` hook loading the CSV. Alternative axes reveal different clustering patterns across the four measurement dimensions.

Nnathanowen06

97% match

Loading thumbnail…

DATA VISUALIZATION HW1 v5

This interactive scatter plot explores the classic Iris dataset, allowing users to compare any two measurements (sepal length, sepal width, petal length, petal width) via React dropdowns. Each of the 150 flowers is rendered as an SVG circle, colored by species using a d3.scaleOrdinal scale. Hovering over a color legend entry dims non-matching points (set to 20% opacity) while highlighting that species’ members. Axes are built with d3.scaleLinear and custom React components, with data loaded asynchronously via d3.csv. Tooltips show the x-value on hover.

Nnathanowen06

95% match

Loading thumbnail…

Data Visualization and Visual Analytics HW1

This interactive scatterplot visualizes the Iris flower dataset, letting users explore relationships between sepal and petal measurements. Two dropdown menus dynamically select which attribute appears on the X and Y axes, while points are color-coded by species. The visualization uses React for state management and dropdown controls, with D3 v5 scales and SVG rendering for the axes, ticks, and colored circles. The data loads from a CSV via d3.csv, and axis labels update based on the selected attributes.

YYU

94% match

Loading thumbnail…

Scatter Plot with colors

This interactive scatter plot visualizes the Iris Dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. The visualization uses D3.js scales (scaleLinear, scaleOrdinal) and React components to render SVG circles, with color encoding species identity. Two dropdown menus enable dynamic selection of which measurements appear on the x and y axes, while D3’s csv loader fetches the data and tooltips display formatted values for each point.

Aadewole-top

93% match

Loading thumbnail…

Data Visualization- Scatter Plot with Iris DataSet

This interactive scatter plot visualizes the Iris dataset, letting users explore relationships between sepal and petal measurements. Dropdown menus dynamically switch which attribute appears on each axis, with points colored by species (setosa, versicolor, virginica). The visualization uses D3 v6 scales (scaleLinear, d3.extent), axes (axisBottom, axisLeft), and SVG circles, while the data loads from a CSV URL via d3.csv. Dropdown interactions are handled through D3's selection and event binding methods.

Ssaiteja0725

92% match

Loading thumbnail…

Scatter Plot [interactive]

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. Two dropdown menus let viewers select which attributes appear on the x and y axes, while a color legend enables filtering by species through mouse hover, which fades non-selected data points. The visualization is built with React and D3 v5, using SVG rendering for marks and axes. The data is loaded from a CSV file via d3.csv.

Aadewole-top

92% match

Loading thumbnail…

data vis hw1

This scatterplot displays the Iris flower dataset, plotting sepal and petal measurements as colored circles. Users select the x and y attributes from dropdown menus, and hovering over the legend highlights the corresponding flower species while fading others. It uses React with d3.scaleLinear, d3.scaleOrdinal, SVG axes, and custom React components for marks and legends. Data is loaded via d3.csv from a GitHub gist.

Yyeeet0421

92% match