Skip to main content
SimilarExport ZIP
100%

flower data

✓ Published0🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from flower

This visualization displays Fisher's Iris dataset, comparing sepal length against sepal width across three flower species. The scatter plot encodes species with distinct colors and includes interactive mouseover tooltips showing detailed measurements. The implementation uses d3.csv to load the data, d3.scaleLinear and d3.scaleOrdinal for scales, d3.axisBottom and d3.axisLeft for axes, and d3.selectAll with circle elements for rendering points. A legend supports hover-driven opacity highlighting to isolate specific species.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher’s Iris dataset as a scatter plot, plotting petal length against petal width, with each species represented by a distinct color. The chart titles itself as a comparison of sepal dimensions. Built using D3 v7, the code loads data via `d3.csv`, creates scales with `scaleLinear` and `scaleOrdinal`, and renders axes with `axisBottom` and `axisLeft`. Points are styled with configurable radius, opacity, and stroke, and hovering over the legend fades non-matching species using a `setHoveredColorValue` callback.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and sepal width across three iris species. Colored dots distinguish species, and hovering over a legend item highlights that species while fading others. Built with D3.js (v7) using scales, axes, and SVG rendering, it loads data via CSV from a remote gist and displays points with a white stroke for clarity.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

Fork of flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species. The chart uses color-coded points and a clickable legend that highlights a selected species while fading others, enhancing comparison. Built with D3.js, it employs `scaleLinear`, `scaleOrdinal`, and `axisBottom` for scales and axes, using `ResizeObserver` for responsive sizing and `renderSVG` for output. Styling follows BBC color themes, with data loaded from a CSV source.

Aadithiarikatla@gmail.com
90% match
Loading thumbnail…

D3.js

A scatter plot visualizes sepal length versus sepal width from Fisher's Iris dataset, with points colored by species and a hoverable legend that fades non-matching points. Built with D3.js v7, the code uses `d3.csv` for data loading, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, and a `ResizeObserver` to make the SVG responsive. A BBC-inspired color theme distinguishes the three species.

Aadithiarikatla@gmail.com
88% match
Loading thumbnail…

D3.js

A scatter plot visualizes sepal length versus sepal width from Fisher's Iris dataset, with points colored by species and a hoverable legend that fades non-matching points. Built with D3.js v7, the code uses `d3.csv` for data loading, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, and a `ResizeObserver` to make the SVG responsive. A BBC-inspired color theme distinguishes the three species.

Aadithiarikatla@gmail.com
88% match