Skip to main content
SimilarExport ZIP
100%

ICE-7 1 Q Sadvik

✓ Published0🌍 Public
SSadvik
Last edited Mar 29, 2026
Created on Mar 29, 2026

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three flower species using distinct BBC-style colors. Hovering over the legend highlights points of the selected species while dimming others. Built with D3.js, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the visualization, with data loaded via `d3.csv` from Fisher's Iris dataset.

AI-generated description
MIT Licensed

Similar vizzes

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
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
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
92% 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 - 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
91% 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…

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

ICE6

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species using a BBC-inspired color palette. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and interactive legend hover effects that fade non-selected species. The visualization loads data via `d3.csv` from a GitHub gist and includes a responsive `ResizeObserver` for dynamic resizing.

PP Manisha
90% match