Skip to main content
SimilarExport ZIP
100%

ice5

✓ Published0🌍 Public
Vvydeeshm@gmail.com
Last edited Oct 5, 2025
Created on Oct 5, 2025

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses d3.v7 to render SVG elements, with points colored by species according to a BBC-inspired color palette. Users can hover over legend items to highlight corresponding data points, and the chart includes interactive features like responsive resizing through ResizeObserver. The data is loaded from a remote CSV file containing Fisher's Iris dataset, featuring labeled axes, a legend, and clean typography for readability.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ice8

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species of iris flowers. The visualization uses D3.js scales and axes to map the quantitative dimensions, with a color scale distinguishing species. Hovering over the legend highlights the corresponding data points while fading others, and the legend items respond to mouse events. The chart loads data from a remote CSV file using D3’s csv parser and renders with SVG.

Ssdarsi2404@gmail.com
94% match
Loading thumbnail…

ICE5 Visualization

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 with SVG rendering to display data points colored by species, with interactive hover effects on the legend that highlight corresponding points. The chart includes labeled axes, a title, subtitle, and source attribution, with data loaded from a CSV file hosted on GitHub. The implementation uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scales, and d3.axisBottom and d3.axisLeft for axis generation.

Aaravindsg99@gmail.com
93% match
Loading thumbnail…

ICE-5

This interactive scatter plot visualizes sepal length against sepal width for three Iris species, with interactive hovering in the legend highlighting corresponding data points. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for color mapping, and custom `join` operations for DOM updates. The legend supports hover interactions that fade unselected species. Data loads from the Fisher's Iris dataset CSV, and the visualization follows the BBC color palette with species-specific styling.

HHarshithaAru06
93% match
Loading thumbnail…

ICE-5

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three flower species. The visualization uses d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft to render the chart, with each species mapped to a distinct BBC color palette. Hovering over the legend items triggers a fade effect on non-selected species using mouseenter/mouseleave events, while the title, subtitle, and source notes are overlaid using SVG text elements.

HHarshithaAru06
93% match
Loading thumbnail…

ICE_5

This interactive scatter plot visualizes sepal length versus sepal width for three iris species from Fisher's dataset. Hovering over legend items dims non-matching points to highlight species-specific clusters. The visualization uses D3.js v7 with `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs. Circle size and styling draw from a configurable BBC color theme, while a `ResizeObserver` handles responsive dimension updates.

NNirupama Karanam
92% match
Loading thumbnail…

ICE_5

This visualization displays Fisher's Iris dataset, plotting sepal length against sepal width for three iris species (setosa, versicolor, and virginica) using a scatter plot. Each species is represented by colored circles with distinct BBC-inspired palette colors, and hovering over a legend item fades non-matching data points. The D3.js code loads CSV data via `d3.csv`, constructs linear scales with `scaleLinear`, and renders axes with `axisBottom` and `axisLeft`. A `ResizeObserver` manages responsive sizing.

NNirupama Karanam
92% match
Loading thumbnail…

ICE 5 Visualization

This visualization compares sepal length and width across Iris species using a D3.js scatter plot. It maps data from Fisher's Iris dataset, projecting each observation as a point with radius 19 and species-based coloring using a BBC-inspired color theme. Hovering over legend items filters points by species, reducing the opacity of non-matching data. The chart includes axes, labels, and a legend rendered through `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft`. Configurable margins, dimensions, and visual properties are managed via a `config.js` module.

Aaravindsg99@gmail.com
92% match
Loading thumbnail…

ice 6 shivani

This scatter plot compares sepal length and width across three iris species, with interactive legend highlighting that fades non-matching points. It uses d3.csv for data loading and d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft for rendering. The visualization applies BBC-style color themes and responsive sizing via ResizeObserver. Data comes from Fisher's Iris dataset, styled with configurable point properties like radius, opacity, and stroke.

Bbodushivani2601@gmail.com
91% match