Untitled

100%

✓ Published0🌍 Public

Last edited Mar 10, 2021

Created on Mar 5, 2021

This visualization displays the classic Iris dataset as a scatterplot, mapping sepal length and width on the x and y axes while encoding petal length through point size. Each species is represented by a distinct color and symbol shape generated via `d3.symbol` and `d3.scaleOrdinal`. A legend allows interactive filtering: clicking a species toggles the opacity of other points to highlight that group. The chart is built with D3 v4 in a React framework, rendering SVG elements with axes from `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Untitled

This interactive scatterplot displays the Iris dataset, with each point colored by species (setosa, versicolor, or virginica) and sized by petal length. The visualization cycles through four feature pairs on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with React and D3 v4, it uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to render axes and SVG circles, with a legend and axis labels added dynamically.

GGogineni44

90% match

Loading thumbnail…

Untitled

A scatter plot visualizes the Iris dataset, encoding sepal and petal measurements as points colored by species. The chart uses D3 v3 scales and axes to map numeric values to pixel positions, with an SVG rendering of circles and a color legend. The React-based application loads the data via the `csv` function from D3, and interactive tooltips display the iris variety and coordinates on mouseover.

Cctarmey

90% match

Loading thumbnail…

Untitled

An interactive scatter plot explores the classic Iris dataset by Fisher, visualizing measurements of sepal and petal dimensions across three flower species. Dropdown menus allow the user to select which attributes appear on the x and y axes, while a color legend distinguishes species and fades non-hovered points. Built with React and D3 v5, the visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical colors, and renders marks as SVG circles with tooltips.

TThe-World-Muda

89% match

Loading thumbnail…

Untitled

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions. Users can change which measurements appear on the x- and y-axes via dropdown menus, with points colored by Iris species. The visualization uses D3 v5 scales and axes within a React framework, rendering circles as SVG elements with a color mapping for the three species classes.

Yyuli19991001

89% match

Loading thumbnail…

Untitled

This example visualizes the Iris flower dataset, plotting sepal length against petal length with points colored by species (setosa, versicolor, virginica). It uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal for categorical colors, and d3.axisBottom/axisLeft with tickSize to create a ggplot2-style gray background with white gridlines. The SVG circles are appended via d3.selectAll and .enter(), with data loaded through d3.csv. The chart includes axis labels and a legend-free design, emphasizing the three species clusters through distinct color ranges.

SSheela2930

89% match

Loading thumbnail…

Untitled

This example shows the Iris dataset as a scatterplot, mapping petal length and sepal length to x and y coordinates while encoding the species of each flower with distinct SVG symbols. The code uses d3.csv to load the data, d3.scaleLinear for positioning, and d3.scaleOrdinal combined with d3.symbol to assign a unique shape to each species. d3.axisLeft and d3.axisBottom generate the axes. The visualization renders directly to SVG within a React project, with the page size set to the full viewport.

Ssubratanp

89% match

Loading thumbnail…

Untitled

This interactive scatter plot displays the Iris flower dataset, allowing users to explore relationships between sepal and petal measurements. Two dropdown menus let viewers select which attribute appears on the x- and y-axes, updating the plot and axis labels accordingly. Data points are colored by species using a categorical scale. The visualization is built with React and D3 v5, using `d3.csv` to load data, `d3.scaleLinear` for axes, and SVG circles for marks. Axes and tick marks are drawn with custom React components.

HHsu0208

88% match

Loading thumbnail…

Untitled

This interactive D3.js (v6) scatter plot visualizes the classic Iris dataset, mapping petal length and width to the x and y axes. Points are color-coded by species, with setosa, versicolor, and virginica rendered in blue, red, and black respectively. The SVG rendering uses d3.scaleLinear for axes, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for tick marks. The code loads data via d3.csv from a GitHub gist, parsing numeric fields, and draws circles with a fixed radius, while also storing sepal dimensions as unused properties on each mark.

Eeravellisaimeghana

88% match