Skip to main content
SimilarExport ZIP
100%

ice 6 shivani

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

This scatter plot compares sepal length and width across three iris species, with interactive legend highlighting that fades non-matching points. It uses d3.csv for data loading and d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft for rendering. The visualization applies BBC-style color themes and responsive sizing via ResizeObserver. Data comes from Fisher's Iris dataset, styled with configurable point properties like radius, opacity, and stroke.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE6-ScatterPlotShivani

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The chart uses color-coded points to distinguish between setosa, versicolor, and virginica species, with an interactive legend that highlights points of a selected species when hovered. Built with D3 v7, the visualization employs scales such as `scaleLinear` and `scaleOrdinal` to position points and assign colors from a BBC-inspired palette. The data is loaded from a CSV file, and the rendering uses SVG elements with custom styling for axes, labels, and titles.

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

ice6barchartshivani

This visualization compares sepal dimensions across three Iris species using a D3.js scatter plot. It presents sepal length and sepal width for each flower, with points colored by species according to a supplied BBC color theme. The code utilizes `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for scales, `axisBottom` and `axisLeft` for axes, and supports interactive point fading through a legend. Data comes from Fisher's Iris dataset.

Bbodushivani2601@gmail.com
93% match
Loading thumbnail…

ice6barchart shivani

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three flower species with color-coded points. The chart includes hover interactivity through its legend, which highlights and fades points by species. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the SVG visualization, with data loaded from a CSV via `d3.csv`.

Bbodushivani2601@gmail.com
92% match
Loading thumbnail…

ice5

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses d3.v7 to render SVG elements, with points colored by species according to a BBC-inspired color palette. Users can hover over legend items to highlight corresponding data points, and the chart includes interactive features like responsive resizing through ResizeObserver. The data is loaded from a remote CSV file containing Fisher's Iris dataset, featuring labeled axes, a legend, and clean typography for readability.

Vvydeeshm@gmail.com
91% match
Loading thumbnail…

ICE6-ComboChartShivani

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three species (setosa, versicolor, and virginica) using a BBC-style color palette. Each species is represented as a distinct colored circle, with the points colored via CSS classes defined in the stylesheet. The visualization uses D3 v7 to load CSV data, create linear scales with `d3.scaleLinear`, and render axes with `d3.axisBottom` and `d3.axisLeft`, while a custom `renderLegend` function provides interactive hover highlighting that fades non-hovered species to 20% opacity.

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