Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Color

✓ Published0🌍 Public
Kkhushburajan2015@gmail.com
Last edited Oct 16, 2025
Created on Oct 16, 2025

This visualization displays petal length against petal width for the Iris dataset, using position on both axes and color to encode species. A color legend identifies the three species groups. The code builds the scatter plot with D3 v7 modules, drawing SVG circles with `d3.scaleLinear` for axes and `d3.scaleOrdinal` with the Tableau10 color scheme for categorical coloring. Gridlines, axis labels, and a legend are rendered via modular helper functions that handle axes and color legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, illustrating the relationship between sepal length and petal length, with each of the three flower species distinguished by color. The visualization includes labeled axes for the measurements and a color legend identifying the species. Built with D3.js version 7, the example uses `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` from the `d3-scale-chromatic` library to map data to positions and colors. The axes and legend are constructed programmatically using the `axisLeft` and `axisBottom` functions, while data is loaded asynchronously from a CSV file.

Rradhadevarapu
93% 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
93% 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
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

This fork of a scatter plot visualizes the Iris Dataset, showing sepal length against petal length. Each point is colored by species—setosa, versicolor, or virginica—with a custom color legend on the right. Using D3 7.8.5, the code employs `scaleLinear` for axes, `scaleOrdinal` with a custom color array for categorization, and `selection.join` to manage SVG elements. The axes and color legend are separate modules utilizing `axisLeft`, `axisBottom`, and `colorLegend` functions.

HHaili0109
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset maps sepal length to petal length, with each of the three species (setosa, versicolor, virginica) encoded by a distinct color from the categorical `d3.scaleOrdinal` scheme. The visualization includes labeled x- and y-axes, a color legend with tick marks for species names, and circular markers rendered as SVG elements. Built with D3.js, the code uses `d3.extent`, `d3.scaleLinear`, and `d3.schemeCategory10` to scale data and colors, while custom modules `axes.js` and `colorLegend.js` construct the coordinate system and legend via selection joins.

Jjt23346059@gmail.com
92% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot of the Iris Dataset maps sepal length to petal length, with each of the three species (setosa, versicolor, virginica) encoded by a distinct color from the categorical `d3.scaleOrdinal` scheme. The visualization includes labeled x- and y-axes, a color legend with tick marks for species names, and circular markers rendered as SVG elements. Built with D3.js, the code uses `d3.extent`, `d3.scaleLinear`, and `d3.schemeCategory10` to scale data and colors, while custom modules `axes.js` and `colorLegend.js` construct the coordinate system and legend via selection joins.

Jjt23346059@gmail.com
92% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Color

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each point is colored according to the species of iris flower, with a color legend labeling the three categories. The visualization uses D3.js version 7.6.1, leveraging the library's selection join operation, linear and ordinal scales, and the ColorBrewer categorical color scheme. Custom modules handle axis generation and the color legend, while data is loaded from a CSV file.

Nnsatyaprakash22
92% match
Loading thumbnail…

Fork of Fork of Scatter Plot with Color

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis. Each point is colored according to the species of iris flower, with a color legend labeling the three categories. The visualization uses D3.js version 7.6.1, leveraging the library's selection join operation, linear and ordinal scales, and the ColorBrewer categorical color scheme. Custom modules handle axis generation and the color legend, while data is loaded from a CSV file.

Nnsatyaprakash22
92% match