Skip to main content
SimilarExport ZIP
100%

d3.js project

✓ Published1🌍 Public
Ssowjanyateppali4202@gmail.com
Last edited Oct 25, 2025
Created on Oct 25, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 to render an SVG chart with axes, labels, and a legend that highlights data points by species when hovered, using color categories from a BBC-inspired theme. It leverages D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, with data loaded asynchronously via `d3.csv`.

Ssowjanyateppali4202@gmail.com
94% match
Loading thumbnail…

Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The visualization uses d3.csv to load data and d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft to render the chart. Users can hover over the legend to highlight individual species while fading others. The chart displays a title, subtitle, source attribution, and uses the BBC color theme to differentiate data points.

Ssowjanyateppali4202@gmail.com
93% match
Loading thumbnail…

Fork of d3.js project

This interactive scatter plot visualizes Fisher’s Iris dataset, comparing sepal length and width across three species colored with a BBC-inspired palette. Using D3 v7, it renders an SVG chart with axes, labels, source attribution, and a hoverable legend that highlights points of the selected species while fading others. The visualization supports responsive resizing via ResizeObserver, with styling controlled through CSS classes. Data is loaded asynchronously from a remote CSV and mapped to configurable dimensions for x, y, and color encoding.

Ssowjanyateppali4202@gmail.com
91% match
Loading thumbnail…

D3.js

A scatter plot visualizes sepal length versus sepal width from Fisher's Iris dataset, with points colored by species and a hoverable legend that fades non-matching points. Built with D3.js v7, the code uses `d3.csv` for data loading, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, and a `ResizeObserver` to make the SVG responsive. A BBC-inspired color theme distinguishes the three species.

Aadithiarikatla@gmail.com
91% match
Loading thumbnail…

D3.js

A scatter plot visualizes sepal length versus sepal width from Fisher's Iris dataset, with points colored by species and a hoverable legend that fades non-matching points. Built with D3.js v7, the code uses `d3.csv` for data loading, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` for scales and axes, and a `ResizeObserver` to make the SVG responsive. A BBC-inspired color theme distinguishes the three species.

Aadithiarikatla@gmail.com
91% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris flower dataset, comparing sepal length to sepal width across three species encoded by color. The visualization uses D3 v7’s scaleLinear, axisBottom, and axisLeft to construct the chart, with an ordinal color scale for species classification. Rendered as SVG, it includes a manually drawn legend and gridlines, reading data from a local CSV file through d3.csv. The chart demonstrates ES6 module imports and loading D3 via UNPKG.

YYi-Qing
91% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, displaying sepal length on the x-axis and sepal width on the y-axis, with each point colored by species (Iris-setosa, Iris-versicolor, or Iris-virginica). The visualization uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and additional petal length and width values determine each circle’s radius properties. The plot fills the browser window, with styled tick labels and axis text.

DDineshK2602
90% match
Loading thumbnail…

Generated Visualization

This interactive scatter plot explores the Iris dataset, displaying measurements of sepal and petal dimensions for three iris species. Users can select which measurement appears on each axis via dropdown menus, with points color-coded by species and accompanied by a legend. The visualization is built with D3.js v7, using d3.csv for data loading, d3.scaleLinear for axes, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for rendering the plot in SVG. The view updates dynamically whenever the axis selections change.

CCurran Kelleher
90% match