Skip to main content
SimilarExport ZIP
100%

ICE5 Visualization

✓ Published0🌍 Public
Aaravindsg99@gmail.com
Last edited Oct 6, 2025
Created on Oct 6, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ice5

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.

Vvydeeshm@gmail.com
93% match
Loading thumbnail…

ICE7

This scatterplot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The chart uses D3.js scales and axes to map the quantitative dimensions, while a color scale distinguishes species, with hover interactions on the legend highlighting corresponding data points through opacity changes. The SVG rendering is built with D3.js selection and join methods, loading data from a CSV file containing Fisher's Iris measurements.

Ssrinathkarumuru@my.unt.edu
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 7 scatter plot

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The chart uses color-coded points to distinguish species, with an interactive legend that dims non-hovered data points for focused comparison. Built with D3.js, it employs `scaleLinear` for axes, `scaleOrdinal` for colors, and `axisBottom`/`axisLeft` for tick rendering. The visualization loads CSV data from a remote URL and applies a BBC-inspired color theme with customized point styling, including radius, opacity, and stroke properties.

Aadithiarikatla@gmail.com
92% match
Loading thumbnail…

ICE 7 scatter plot

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The chart uses color-coded points to distinguish species, with an interactive legend that dims non-hovered data points for focused comparison. Built with D3.js, it employs `scaleLinear` for axes, `scaleOrdinal` for colors, and `axisBottom`/`axisLeft` for tick rendering. The visualization loads CSV data from a remote URL and applies a BBC-inspired color theme with customized point styling, including radius, opacity, and stroke properties.

Aadithiarikatla@gmail.com
92% match
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
92% match