Skip to main content
SimilarExport ZIP
100%

ICE 6

✓ Published0🌍 Public
PP Manisha
Last edited Oct 19, 2025
Created on Oct 19, 2025

This visualization displays the characteristics of Fisher's Iris dataset, comparing sepal length and width across three species. The scatter plot maps sepal dimensions on the x and y axes, with each species indicated by a distinct color. Rendered as an SVG, it uses d3.scaleLinear and d3.scaleOrdinal to construct the plot and color scale. Interactive legend hovering highlights points of a selected species in full opacity while fading others, implementing fade effects through D3's join and raise methods.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length and sepal width across three species, with color-coded points, interactive legend highlighting, and BBC-inspired styling. Built with D3 v7, it uses scaleLinear for axes, scaleOrdinal for species colors, and modular components including renderScatterPlot and renderLegend. The chart features a responsive layout with margins, axis labels, title, subtitle, and source attribution, pulling data from a GitHub-hosted CSV file. Points are rendered as SVG circles with configurable radius, opacity, and stroke properties.

Ssrinathkarumuru@my.unt.edu
94% 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
91% 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
91% 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
91% 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
91% match
Loading thumbnail…

ICE - 6

This visualization displays the Iris dataset, comparing sepal length against sepal width for three species of iris flowers, with each species color-coded according to a BBC-inspired purple color theme. The scatter plot is rendered as SVG using D3 v7, leveraging `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical coloring, and `d3.axisBottom` and `d3.axisLeft` for tick marks. An interactive legend allows users to filter points by species through hover effects. The data is loaded from a CSV file, and the visualization includes a title, subtitle, and source attribution styled with custom CSS.

Ssrinathkarumuru@my.unt.edu
90% 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
90% 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
89% match