Skip to main content
SimilarExport ZIP
100%

ICE-6

✓ Published0🌍 Public
Ssrinathkarumuru@my.unt.edu
Last edited Oct 20, 2025
Created on Oct 20, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6

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.

PP Manisha
94% 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
93% match
Loading thumbnail…

ICE6-BarChart

This scatter plot uses d3.v7 to visualize the Fisher's Iris dataset, depicting sepal length and width for three iris species. It leverages `d3.scaleLinear` for the axes and `d3.scaleOrdinal` for color mapping, with a legend. Points are SVG circles whose opacity fades when hovering over legend items. The styled chart includes a title, subtitle, and source attribution, using BBC Graphics color themes.

Bbodushivani2601@gmail.com
93% 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
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…

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 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
91% match