Skip to main content
SimilarExport ZIP
100%

pl_dataset

✓ Published0🌍 Public
Kkmohithkumar7@gmail.com
Last edited Oct 5, 2025
Created on Oct 5, 2025

This visualization compares sepal dimensions across iris species using a scatter plot rendered with D3.js v7 and SVG. The chart maps sepal length to the x-axis, sepal width to the y-axis, and color-codes points by species using a BBC-inspired purple palette. An interactive legend with hover fading highlights specific species, while the chart title, subtitle, and source reference Fisher’s Iris dataset. The data loads via `d3.csv` from a remote gist, with axes and labels generated using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pl_dataset

This visualization compares sepal length and width across Iris species using a scatter plot, with each species differentiated by color and an interactive legend that highlights points on hover. It renders vector graphics via a configurable pipeline, utilizing d3’s `csv`, `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` functions. The data comes from Fisher’s Iris dataset, loaded dynamically from a gist URL. Styling follows a BBC color theme, with points, axes, and labels configured through a separate theme object.

Kkmohithkumar7@gmail.com
95% 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
89% 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
89% 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
88% 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
87% 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
87% match
Loading thumbnail…

Scatter Plots (Iris)

This example visualizes the classic Iris dataset, plotting sepal length against sepal width. Each dot is color-coded by species using D3's `scaleOrdinal`, with hover tooltips revealing exact measurements. The SVG chart is built with D3 v7, using `csv` and `autoType` to load and parse the remote data, `scaleLinear` for axes, and `axisBottom`/`axisLeft` for tick marks. The plot updates responsively to its container width, and the `title` element provides interactive detail.

KKrishna.
87% 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
86% match