Skip to main content
SimilarExport ZIP
100%

Fork by 11604584

✓ Published0🌍 Public
PPran6728
Last edited Mar 12, 2023
Created on Mar 12, 2023

This visualization displays the Iris dataset as a scatter plot, mapping petal width to sepal length with points shaped by species. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbols to distinguish species via different path shapes, and d3.axisLeft/axisBottom for ticks. Every 15 seconds, the x-axis attribute rotates through the four numeric columns, animating the plot with setInterval in SVG. Data is loaded from a CSV via d3.csv, rendered with the d3 selection API.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork

This interactive scatter plot from the gallery visualizes the classic Iris flower dataset, with three species (setosa, versicolor, and virginica) distinguished by red, blue, and green semitransparent circles. Built with D3.js, it uses `d3.csv` to load data, `d3.scaleLinear()` for axis scaling, and `d3.scaleOrdinal()` for color mapping. Two dropdown menus let users choose which numeric attribute (sepal length/width or petal length/width) maps to the X and Y axes, triggering a full re-render of the SVG plot via the `render` function.

Wweird_danger
88% match
Loading thumbnail…

Fork of Activity

This visualization displays a subset of the Iris dataset in an animated scatter plot, cycling through different pairs of sepal and petal measurements over time. It uses d3-scaleLinear, d3-axisLeft, and d3-axisBottom from D3 v6 to map the data, rendering circles with custom colors for each species and a legend. The animation is driven by setInterval, updating the x-value accessor to rotate through four measurement columns, while labels and titles are appended to the SVG.

SSreeKohaliPatel@my.unt.edu
88% match
Loading thumbnail…

Fork of 11604584

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each of the 150 flowers is rendered as a colored circle, with species (setosa, versicolor, virginica) distinguished by yellow, black, and pink fills. The plot includes labeled axes and uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs. Data is loaded asynchronously from a CSV file and parsed with `csvParse`.

PPran6728
88% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This visualization displays the Iris Dataset as a scatter plot, mapping petal length and width to the x and y axes while encoding species as color. It reads CSV data via `d3.csv`, uses `d3.scaleLinear` with `d3.extent` to set domains, and renders SVG circles with `d3.axisLeft` and `d3.axisBottom`. Each point also carries sepal measurements as attributes, though these are not visually encoded. The plot dynamically sizes to the window and uses a 24px tick font for readability.

Ppreethamkesa
87% match
Loading thumbnail…

Fork of area

This interactive D3.js visualization displays the classic Iris dataset as an animated scatter plot. It cycles through different pairings of sepal and petal measurements on the x-axis, while the y-axis remains fixed on sepal length. The plot uses SVG circles colored by species (setosa, versicolor, virginica) and updates every few seconds to reveal different data projections. It leverages D3's scaleLinear, extent, axisLeft, and axisBottom APIs, alongside a custom scatterPlot builder that redraws the axes and points with each iteration.

Ssahaspragna6@gmail.com
87% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x and y axes while coloring each point by species (setosa, versicolor, or virginica). The SVG is rendered using D3 v6, with scales created via `d3.scaleLinear`, axes via `d3.axisLeft` and `d3.axisBottom`, and data loaded asynchronously from a CSV URL using `d3.csv`. The visualization fills the entire browser window and uses D3's `.join()` operator to create the circle marks.

TTharun2022
87% match
Loading thumbnail…

Fork of D3 Scatter Plot

This fork of a D3 scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal length on the y-axis using d3.scaleLinear with nice tick values. It loads CSV data via d3.csv, parses numeric fields, and renders circles with SVG attributes set through d3.select and data joins. The visualization fills the browser window, adding an axisBottom and axisRight using d3.axisBottom and d3.axisRight, with a 24-pixel tick font size and fixed margins around the plot.

HHarshit-Prasad
87% match
Loading thumbnail…

Fork of Fork of hw222222

This interactive parallel coordinate plot visualizes the Iris dataset, showing how sepal and petal measurements vary across three iris species. The SVG displays each flower as a colored polyline spanning four vertical axes, with colors distinguishing species classes. Using D3 v7, the visualization implements drag-and-drop axis reordering, allowing users to rearrange dimensions interactively. The code employs d3.scaleLinear for value mapping, d3.scalePoint for axis positioning, d3.drag for user interaction, and d3.line for path generation, with data loaded from a local CSV file.

Eeyxxr1260@gmail.com
86% match