Skip to main content
SimilarExport ZIP
100%

vinay

✓ Published0🌍 Public
VVinay Kumar Parvathini
Last edited Mar 8, 2026
Created on Mar 8, 2026

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species, with points colored by species and a legend that filters the data on hover. The visualization uses D3.js APIs including `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render axes, scales, and circles, while the `ResizeObserver` enables responsive layout. The data is loaded directly from a CSV file via `d3.csv`, and the chart employs a custom BBC-style color theme defined in the theme configuration.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Vineela

This interactive D3.js scatter plot visualizes the Iris dataset, displaying sepal length against petal width while encoding species through both color and symbol shapes. The visualization renders SVG paths using d3.symbol() with distinct markers for setosa, versicolor, and virginica species. It implements custom scales via d3.scaleLinear and d3.scaleOrdinal, with axes generated through d3.axisLeft and d3.axisBottom. The plot fills the entire browser window and updates dynamically when the dataset loads from a remote CSV source.

VVineela Reddy
87% match
Loading thumbnail…

d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three iris species. The visualization uses D3.js's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to create a fully rendered SVG chart. It includes a hoverable legend that highlights points from a selected species by raising them and fading the others. The styling uses BBC-themed colors for the data points, with the data loaded from a CSV file via the `csv` function.

Ssowjanyateppali4202@gmail.com
87% match
Loading thumbnail…

activity3_question6

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species. The visualization uses D3.js scaling and axis functions (`scaleLinear`, `axisBottom`, `axisLeft`) to render points colored by species, with hover interactions on the legend highlighting specific species while fading others. The chart includes a title, subtitle, source attribution, and a vertical legend, all styled with BBC-inspired colors. Data loads asynchronously from a CSV file via D3's `csv` parsing, with responsive sizing handled through a `ResizeObserver`.

Ppuppireddyarchana@gmail.com
86% match
Loading thumbnail…

vydeesh

This interactive scatterplot visualizes the Iris dataset, comparing sepal length and width across three species using D3 v7's SVG rendering. The visualization employs a hover interaction on the legend, which fades non-targeted data points to highlight specific species. The chart features BBC-style color coding, with distinct purple tones assigned to each species. The code uses D3's `select` and `join` APIs to efficiently manage and update SVG elements, while a `ResizeObserver` monitors the container for responsive resizing.

Vvydeeshm@gmail.com
86% match
Loading thumbnail…

adithi

This scatterplot visualizes the Iris dataset, comparing sepal length and width across three species—setosa, versicolor, and virginica—using distinct BBC-inspired colors. The chart includes labeled axes, a title with subtitle, a source attribution, and an interactive legend that dims non-hovered species when moused over. Built with d3.v7, it loads CSV data via `d3.csv`, maps dimensions through scales like `scaleLinear` and `scaleOrdinal`, and renders points as circles with configurable styling, while the legend uses `mouseenter` and `mouseleave` events to trigger the hover fade effect.

Aadithiarikatla@gmail.com
86% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species with color-coded points and a hoverable legend that fades non-selected species. Built with D3.js v7, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render axes and points, while a `ResizeObserver` handles responsive dimensions. The chart loads CSV data via `d3.csv`, applies BBC-inspired styling from a theme object, and supports smooth state management through VizHub's reactive container pattern.

Kkhushburajan2015@gmail.com
85% match
Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The visualization uses a D3.js SVG rendering approach, with points colored by species using a BBC-inspired color palette. The chart includes interactive features such as a hoverable legend that dims non-matching points, and the code demonstrates the use of `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleOrdinal` for scaling, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is sourced from Fisher's Iris dataset.

Ssravya7136@gmail.com
85% match
Loading thumbnail…

tutorial3

This interactive scatter plot visualizes the Iris dataset, displaying petal length against petal width for individual flowers, with colors indicating species. Rendered as SVG, the plot uses D3 v6 functions including `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data coordinates and draw axes. Data is loaded asynchronously from a CSV file via `d3.csv`, and each point is rendered as a circle with a fixed radius, colored by species. The chart fills the browser window and includes styled axis labels.

Vvinaykollapudi@my.unt.edu
85% match