Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of d3.js project

✓ Published1🌍 Public
Ssowjanyateppali4202@gmail.com
Last edited Oct 25, 2025
Created on Oct 25, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
98% match
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
95% 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
94% match
Loading thumbnail…

d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species. The visualization uses D3.js's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to create a fully rendered SVG chart. It includes a hoverable legend that highlights points from a selected species by raising them and fading the others. The styling uses BBC-themed colors for the data points, with the data loaded from a CSV file via the `csv` function.

Ssowjanyateppali4202@gmail.com
93% match
Loading thumbnail…

Fork of fork d3.js 1

This visualization displays the classic Iris dataset, plotting sepal length against sepal width and coloring each point by species. It employs D3.js v7 APIs such as `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the scatter plot, with a linked legend that fades non-hovered species. The code loads CSV data via `d3.csv` and applies BBC-inspired color styling from the theme configuration.

Aadithiarikatla@gmail.com
92% match
Loading thumbnail…

fork d3.js 1

This example visualizes the Iris dataset, comparing sepal length and width across three species with colored points and an interactive legend that highlights selected species. The chart uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.csv for data loading. It renders SVG elements with d3.selection, incorporates ResizeObserver for responsive dimensions, and applies BBC-inspired styling with custom CSS classes.

Aadithiarikatla@gmail.com
91% match
Loading thumbnail…

Fork of Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species, with points colored by species and an interactive legend that highlights one species at a time. The chart uses D3.js APIs like `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render axes and scales, while `ResizeObserver` handles responsive resizing. Data loads from a CSV via `d3.csv`, and BBC-style colors are applied to distinguish each species.

Ssaisowjanyaedupuganti.24f@gmail.com
91% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The visualization uses a D3.js SVG rendering approach, with points colored by species using a BBC-inspired color palette. The chart includes interactive features such as a hoverable legend that dims non-matching points, and the code demonstrates the use of `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is sourced from Fisher's Iris dataset.

Ssravya7136@gmail.com
90% match