Flower Data Scatterplot

100%

Flower Data Scatterplot

✓ Published0🌍 Public

Last edited Aug 3, 2022

Created on Aug 2, 2022

This scatterplot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements through two dropdown menus that control the x- and y-axes. Points are colored by species, and hovering over the color legend highlights only that species while dimming the rest. Built with React and D3 v5, the visualization uses SVG rendering, d3.scaleLinear for axes, d3.scaleOrdinal for categorical colors, and d3.csv for data loading.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot with color

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between four measured attributes (sepal length, sepal width, petal length, and petal width) through dropdown menus that control the X and Y axes. Points are colored by species using d3.scaleOrdinal with three categorical colors. The visualization is built with React components managing state for axis selections, while d3.scaleLinear handles coordinate mapping and axis rendering uses custom SVG tick components. Data loading relies on d3.csv with type coercion for numeric fields.

LLewis Ward

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

94% match

Loading thumbnail…

Scatter plot with Colors

This interactive scatter plot visualizes the Iris flower dataset, letting users explore relationships between sepal and petal measurements. The visualization uses React dropdown menus to dynamically switch which numerical attributes are plotted on the x and y axes. Each of the 150 flowers is rendered as a colored circle, with species mapped to a categorical color scale (`d3.scaleOrdinal`) using orange, teal, and purple. The chart is built with React and D3 v6, using SVG circles for marks and custom axis components that employ `d3.scaleLinear` for positioning.

Kkragovic

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris dataset, allowing users to explore relationships between sepal and petal measurements across three flower species. The chart displays data points colored by species, with dropdown menus to switch which attributes appear on the x and y axes. Built with React and D3 v7, it uses d3.scaleLinear for axes, d3.scaleOrdinal for categorical coloring, and d3.csv, d3.extent, and d3.max for data processing and scale domains. SVG rendering with React components handles axes, marks, and hover tooltips.

JJoe Hutchins

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

93% match

Loading thumbnail…

Scatterplot with Color Legend

This interactive scatterplot displays the Iris Dataset, allowing users to explore relationships between sepal and petal measurements through dropdown menus that control the x and y axes. Each point represents an iris flower, colored by species with a corresponding legend. The visualization uses React components and D3 v7 scales (d3.scaleLinear, d3.scaleOrdinal) to render SVG marks and axes from CSV data.

JJun Suzuki

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species. The chart uses color encoding to distinguish species, with dropdown menus to switch which quantitative attributes are plotted on the x- and y-axes. Built with React and D3 v5, it renders SVG circles for each data point, using d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.extent for domain computation. Data is loaded asynchronously via d3.csv from a remote source.

SSam Hege

93% match

Loading thumbnail…

Scatter Plot with Color

This interactive scatter plot visualizes the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements across three species. The chart uses D3 v6 scales and SVG rendering within a React framework, with dropdown menus to switch X and Y attributes. Hovering over the color legend highlights points of a selected species while fading others, using d3.scaleOrdinal for categorical coloring. The visualization includes axes with formatted tick labels, a color legend, and tooltips via SVG title elements.

JJohn Huang

93% match