Skip to main content
SimilarExport ZIP
100%

ice6barchart shivani

✓ Published0🌍 Public
Bbodushivani2601@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from ice 6 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`.

AI-generated description
MIT Licensed

Similar vizzes

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
94% 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…

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…

ice 6 shivani

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.

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

ice8

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species of iris flowers. The visualization uses D3.js scales and axes to map the quantitative dimensions, with a color scale distinguishing species. Hovering over the legend highlights the corresponding data points while fading others, and the legend items respond to mouse events. The chart loads data from a remote CSV file using D3’s csv parser and renders with SVG.

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

VarshaICE6-2

This visualization plots the Iris dataset as a scatter plot, showing petal length versus sepal length for individual flowers, with each species color-coded. The plot includes labeled axes and a color legend for the three species. The code uses d3.csv to load the data, then creates linear scales for the axes and an ordinal color scale. SVG circles represent data points, and the axes and legend are rendered using d3.axisBottom, d3.axisLeft, and d3.legendColor.

VVReddy913
87% match