Skip to main content
SimilarExport ZIP
100%

ICE6-BarChart

✓ Published0🌍 Public
Bbodushivani2601@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

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.

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

ice6barchart shivani

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three iris species (setosa, versicolor, virginica). The visualization uses D3 v7 to render SVG elements, with data loaded from a CSV file. Users can hover over legend items to highlight corresponding data points, which are dynamically reordered. The chart includes labeled axes, a title, subtitle, and source attribution, with BBC-inspired color styling applied via CSS classes.

Bbodushivani2601@gmail.com
89% 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
89% match
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
89% 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
88% 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
88% 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
88% 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
88% match