Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Color

✓ Published0🌍 Public
NNYCUBK201
Last edited Sep 21, 2023
Created on Sep 21, 2023

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.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

See also:

MIT Licensed

Similar vizzes

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
100% match
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
96% 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
96% 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
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
95% 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
95% match
Loading thumbnail…

Fork of Scatter Plot with Color

A scatter plot displays the Iris Dataset, mapping sepal length on the x-axis and petal length on the y-axis. Points are colored by species using a categorical color scale with a legend. The visualization uses d3.csvParse for data loading, d3.scaleLinear and d3.scaleOrdinal for scaling, and d3.axisBottom and d3.axisLeft for axes.

NNikitha123171
95% match
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
95% match