Skip to main content
SimilarExport ZIP
100%

ICE 7 scatter plot

✓ Published0🌍 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…

ICE-7 1 Q Sadvik

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.

SSadvik
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…

ICE6- ScatterPlot

This scatterplot visualizes the Iris dataset, plotting sepal length against sepal width for three species of iris flowers. Each point is colored by species using `d3.scaleOrdinal`, with a legend identifying the categories. The chart is rendered as an SVG using D3 v7, with linear scales from `d3.scaleLinear` mapping data to coordinates. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`, and the data is loaded via `d3.csv` from a remote gist.

Bbrodyoneal10@gmail.com
92% match