Skip to main content
SimilarExport ZIP
100%

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

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

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`.

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
97% 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
94% 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
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
91% match
Loading thumbnail…

Fork of Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species using a custom color scale. The chart loads CSV data via `d3.csv` and renders SVG circles with configurable radius, opacity, and stroke. A legend with hover interactions dims non-matching points using `mouseenter` and `mouseleave` events. The visualization uses d3 scales for axes and the ResizeObserver API to adapt to container dimensions.

Ssowjanyateppali4202@gmail.com
90% match
Loading thumbnail…

Fork of Fork of D3 AI Template

This visualization displays the Iris dataset as a scatter plot, mapping sepal length and sepal width across three flower species with color-encoded points, a legend, title, and axis labels. It uses D3.js v7 with `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for positioning and color, and `axisBottom`/`axisLeft` for axes. The code also includes interactive hover highlighting via the legend and `ResizeObserver` for responsive dimensions, rendering everything as SVG.

NNita
89% 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
89% match
Loading thumbnail…

Fork of Fork of Fork of Vanilla D3 Vibecoding Template

This example shows a scatter plot of Fisher’s Iris dataset comparing sepal length and sepal width across three species, with interactive legend highlighting that fades non-hovered points. The visualization uses D3 v7’s `csv`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to load data, map scales, and render axes. A `ResizeObserver` enables responsive scaling, while a BBC-inspired color theme distinguishes species. The data is fetched from a remote CSV URL, and points are styled via CSS classes based on species.

Ssaisowjanyaedupuganti.24f@gmail.com
89% match