Skip to main content
SimilarExport ZIP
100%

flower

✓ Published1🌍 Public
Aadithiarikatla@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025
Forked from flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and sepal width across three iris species. Colored dots distinguish species, and hovering over a legend item highlights that species while fading others. Built with D3.js (v7) using scales, axes, and SVG rendering, it loads data via CSV from a remote gist and displays points with a white stroke for clarity.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher's Iris dataset as a scatter plot comparing sepal length against sepal width, with points colored by species (setosa, versicolor, and virginica). The chart includes axis labels, a legend with hover interactions that highlight and fade points by species, and BBC-style color theming. Built with D3.js, it uses `scaleLinear` for axes, `scaleOrdinal` for categorical coloring, and `ResizeObserver` for responsive sizing. The data loads from a remote CSV file, and interactive hover states raise matching points to the foreground while fading others.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower data

This visualization displays Fisher's Iris dataset, comparing sepal length against sepal width across three flower species. The scatter plot encodes species with distinct colors and includes interactive mouseover tooltips showing detailed measurements. The implementation uses d3.csv to load the data, d3.scaleLinear and d3.scaleOrdinal for scales, d3.axisBottom and d3.axisLeft for axes, and d3.selectAll with circle elements for rendering points. A legend supports hover-driven opacity highlighting to isolate specific species.

Aadithiarikatla@gmail.com
94% match
Loading thumbnail…

flower

This visualization displays Fisher’s Iris dataset as a scatter plot, plotting petal length against petal width, with each species represented by a distinct color. The chart titles itself as a comparison of sepal dimensions. Built using D3 v7, the code loads data via `d3.csv`, creates scales with `scaleLinear` and `scaleOrdinal`, and renders axes with `axisBottom` and `axisLeft`. Points are styled with configurable radius, opacity, and stroke, and hovering over the legend fades non-matching species using a `setHoveredColorValue` callback.

Aadithiarikatla@gmail.com
93% match
Loading thumbnail…

Fork of flower

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three species. The chart uses color-coded points and a clickable legend that highlights a selected species while fading others, enhancing comparison. Built with D3.js, it employs `scaleLinear`, `scaleOrdinal`, and `axisBottom` for scales and axes, using `ResizeObserver` for responsive sizing and `renderSVG` for output. Styling follows BBC color themes, with data loaded from a CSV source.

Aadithiarikatla@gmail.com
92% match
Loading thumbnail…

2

This interactive scatter plot visualizes Fisher's Iris dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. Colored circles represent individual flowers, distinguished by species category. The visualization includes dropdown menus positioned along the axes for selecting which measurement is displayed on each axis. Built with D3.v7, the code utilizes `scaleLinear` for axis scaling, `scaleOrdinal` with `schemeCategory10` for color encoding, and custom D3 join operations to render axes, legend, and plot marks.

CCinSiangNg
90% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the classic Iris dataset, displaying sepal length against sepal width for three species of iris flowers. Each point represents a sample, color-coded by species (setosa, versicolor, virginica) using blue, green, and orange, and includes interactive tooltips that reveal exact measurements on hover. The visualization is built with D3.js v7, using `d3.csv` to load the local CSV data, `d3.scaleOrdinal` for color mapping, and `d3.scaleLinear` to map data to pixel coordinates. The SVG rendering includes labeled axes, a legend, and smooth tooltip transitions for enhanced readability.

LLikhitaMudagereShivaraj@my.unt.edu
89% match