Skip to main content
SimilarExport ZIP
100%

D3.js

✓ Published1🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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
100% 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
91% 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
90% match
Loading thumbnail…

adithi

This scatterplot visualizes the Iris dataset, comparing sepal length and width across three species—setosa, versicolor, and virginica—using distinct BBC-inspired colors. The chart includes labeled axes, a title with subtitle, a source attribution, and an interactive legend that dims non-hovered species when moused over. Built with d3.v7, it loads CSV data via `d3.csv`, maps dimensions through scales like `scaleLinear` and `scaleOrdinal`, and renders points as circles with configurable styling, while the legend uses `mouseenter` and `mouseleave` events to trigger the hover fade effect.

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

pl_dataset

This visualization compares sepal dimensions across iris species using a scatter plot rendered with D3.js v7 and SVG. The chart maps sepal length to the x-axis, sepal width to the y-axis, and color-codes points by species using a BBC-inspired purple palette. An interactive legend with hover fading highlights specific species, while the chart title, subtitle, and source reference Fisher’s Iris dataset. The data loads via `d3.csv` from a remote gist, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`.

Kkmohithkumar7@gmail.com
89% match