Skip to main content
SimilarExport ZIP
100%

Fork of flower

✓ Published1🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of d3.js project

This interactive scatter plot visualizes Fisher’s Iris dataset, comparing sepal length and width across three species colored with a BBC-inspired palette. Using D3 v7, it renders an SVG chart with axes, labels, source attribution, and a hoverable legend that highlights points of the selected species while fading others. The visualization supports responsive resizing via ResizeObserver, with styling controlled through CSS classes. Data is loaded asynchronously from a remote CSV and mapped to configurable dimensions for x, y, and color encoding.

Ssowjanyateppali4202@gmail.com
92% 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
92% match
Loading thumbnail…

Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 to render an SVG chart with axes, labels, and a legend that highlights data points by species when hovered, using color categories from a BBC-inspired theme. It leverages D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, with data loaded asynchronously via `d3.csv`.

Ssowjanyateppali4202@gmail.com
91% 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
91% 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
91% 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
91% match
Loading thumbnail…

Fork of Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species with distinct BBC-style colors and hover highlighting. Using D3.js v7, it implements responsive sizing via ResizeObserver and renders SVG circles with configurable radii, opacity, and stroke. The visualization includes axis labels, a legend that filters points on mouseenter, and additional petal dimensions mapped but not displayed. Data loads asynchronously from a remote CSV using `d3.csv`.

Ssowjanyateppali4202@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The visualization uses d3.csv to load data and d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft to render the chart. Users can hover over the legend to highlight individual species while fading others. The chart displays a title, subtitle, source attribution, and uses the BBC color theme to differentiate data points.

Ssowjanyateppali4202@gmail.com
90% match