Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Color

✓ Published1🌍 Public
RRyan Offstein
Last edited Oct 19, 2025
Created on Oct 19, 2025

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is colored by species using a categorical scale, with a color legend identifying setosa, versicolor, and virginica. The visualization uses D3.js APIs including `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and `axisLeft`/`axisBottom` for rendering axes. Data is loaded from a CSV file and parsed with `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Color

This scatter plot visualizes the Iris Dataset, showing sepal length against petal length. Each point is colored by species using a categorical color scale from `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization includes labeled axes and a color legend for species identification. The implementation uses `d3.scaleLinear` for positioning, `d3.extent` for domain calculation, and the `d3.selection` API for declarative rendering. Data is loaded from a CSV file and parsed with `d3.csvParse`.

Bbillmccabeusa@hotmail.com
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each of the 150 points is colored by species—setosa, versicolor, or virginica—using an ordinal color scale with `d3.scaleOrdinal` and `schemeCategory10`. A color legend displays the species labels, while axes with custom labels are rendered via reusable `axes` and `colorLegend` functions. The visualization uses `d3.csvParse` to load data and selection joins to bind circles to the dataset.

Aadityaraoh
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset with a scatter plot mapping sepal length to the x-axis and petal length to the y-axis. Dots are colored by species using a categorical color scale, with a legend positioned in the upper right. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `selection.join` for rendering. Axes and labels are added via custom modules, and data is loaded asynchronously from a CSV file and parsed with `csvParse`.

NNicoA
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the classic Iris Dataset as a scatter plot, showing sepal length on the x-axis and petal length on the y-axis. Each of the 150 data points is colored by species using a categorical color scale, with a legend indicating the meaning of each color. The visualization is built with D3 v7, using `d3.scaleLinear` for positioning, `d3.scaleOrdinal` with `schemeCategory10` for colors, and `d3.selection.join` for dynamic element updates. The axes and color legend are implemented as reusable functions that render SVG circles and text elements.

Gg_ivaska@coloradocollege.edu
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example visualizes the Iris Dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with points colored by species and a color legend for identification. The visualization uses D3 v7 with `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular functions for axes and legends. It employs `selection.join` for dynamic element updates and loads data asynchronously via `fetch`, parsing the CSV with `csvParse`. The chart renders in a full-screen SVG with labeled axes and a categorical legend positioned in the plot area.

Ssnehareddygurram
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, mapping sepal length and petal length on the x- and y-axes while coloring each point by species. A color legend distinguishes setosa, versicolor, and virginica flowers. Built with D3 v7, the visualization uses d3.scaleLinear, d3.scaleOrdinal, and d3.schemeCategory10 to position and color the circles. Data loads asynchronously from a CSV file using d3.csvParse, and the axes and legend are generated through custom reusable functions leveraging d3.axisLeft, d3.axisBottom, and selection.join.

NNYCUBK201
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, mapping sepal length and petal length on the x- and y-axes while coloring each point by species. A color legend distinguishes setosa, versicolor, and virginica flowers. Built with D3 v7, the visualization uses d3.scaleLinear, d3.scaleOrdinal, and d3.schemeCategory10 to position and color the circles. Data loads asynchronously from a CSV file using d3.csvParse, and the axes and legend are generated through custom reusable functions leveraging d3.axisLeft, d3.axisBottom, and selection.join.

NNYCUBK201
96% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset displays sepal length against petal length for 150 flowers, with points colored by species using a categorical color scale. A legend identifies the three species, and labeled axes provide context. The visualization uses D3 v7 with modular functions for drawing axes, applying scales, and rendering circles. The color encoding uses `scaleOrdinal` and `schemeCategory10`, while data loads asynchronously from a CSV file via `csvParse`.

NNikhilchiguru-8
96% match