Fork of Fork of d3.js project

100%

Fork of Fork of d3.js project

✓ Published2🌍 Public

Last edited Oct 25, 2025

Created on Oct 25, 2025

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

AI-generated description

MIT Licensed

Similar vizzes

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

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

94% 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 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

92% match

Loading thumbnail…

Fork of Iris Scatter Plot

This interactive scatter plot visualizes the Iris flower dataset, displaying three species as colored circles across user-selectable axes. Using D3.js, it renders an SVG with animated transitions between axis combinations via dropdown menus. The visualization employs D3’s scaleLinear, axis functions, and transition methods to smoothly update data points based on the selected sepal and petal measurements.

JJacky

92% match

Loading thumbnail…

Fork of D3 Scatter Plot

This is a scatter plot of the Iris dataset, showing sepal length against petal length, with each flower species represented by a translucent circle. The visualization is built with D3 v7, using `d3.csv` to load data, `scaleLinear` and `extent` to map values, and `axisLeft`/`axisBottom` for the axes. Circles are rendered as SVG elements with a fill opacity of 0.5. The example demonstrates a modular structure with separate files for data fetching, axis rendering, and the main visualization logic.

Ttebanieo

91% match