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 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

pl_dataset

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`.

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

iris

This visualization displays the classic Iris flower dataset as a scatterplot, mapping sepal length and width to the x and y axes, petal length to point size, and species to color. The rendering uses D3 v4’s SVG output. Data loading relies on `d3.csv` for parsing the CSV file, while scales are built with `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, plus axes from `d3.axisBottom` and `d3.axisLeft`. A categorical legend, built with circle elements, identifies the three species (setosa, versicolor, virginica), and a tooltip div is appended to the body but never made visible.

GGTHamonville
86% 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.
86% 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
85% match
Loading thumbnail…

Iris_scatterplot_sepal

This example visualizes the classic Iris dataset, plotting sepal length against sepal width for 150 flowers. Points are encoded with different shapes and colors to distinguish the three species: setosa (circles), versicolor (red squares), and virginica (black squares). The visualization includes axis labels, a categorical color legend, and interactive tooltips that display the species on hover. Built with D3 v4 using SVG, it also demonstrates the use of ordinal color scales, square-root size scaling, and filter-based shape encoding.

DDjokovalle
85% 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
85% 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
85% match