Skip to main content
SimilarExport ZIP
100%

ICE 7 scatter plot

✓ Published1🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 25, 2025
Created on Oct 25, 2025

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.

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

reusable scatter plot ICE 7

This scatter plot visualizes the Iris dataset, comparing sepal length against sepal width for three species using colored circles. The visualization uses d3.csv for data loading, d3.scaleLinear for axes, and d3.scaleOrdinal with a BBC-inspired color theme to distinguish species. Interactive legend items trigger hover effects that fade non-selected points, while d3.axisBottom and d3.axisLeft render the coordinate axes. Styling is applied through CSS classes, with the chart supporting responsive resizing via ResizeObserver.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

reusable scatter plot ICE 7

This scatter plot visualizes the Iris dataset, comparing sepal length against sepal width for three species using colored circles. The visualization uses d3.csv for data loading, d3.scaleLinear for axes, and d3.scaleOrdinal with a BBC-inspired color theme to distinguish species. Interactive legend items trigger hover effects that fade non-selected points, while d3.axisBottom and d3.axisLeft render the coordinate axes. Styling is applied through CSS classes, with the chart supporting responsive resizing via ResizeObserver.

Aadithiarikatla@gmail.com
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
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…

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

ICE 7 SCATTER PLOT

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements for three flower species distinguished by color. The chart cycles through different measurement combinations on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js v6, it uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG path symbols to represent data points. Data loads from a CSV file using d3.csv, and the chart updates dynamically via setInterval.

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