Skip to main content
SimilarExport ZIP
100%

Flora's Scatter Plot with Color

✓ Published2🌍 Public
Ffloraho401
Last edited Sep 19, 2023
Created on Sep 18, 2023

This visualization displays the classic Iris Dataset as an interactive scatter plot, mapping sepal length on the x-axis and petal length on the y-axis, with species categories encoded by color. The plot uses D3 v7’s `scaleLinear` for axes and `scaleOrdinal` with `schemeCategory10` for color mapping, rendering circles with a fixed radius of 10 pixels. A custom color legend shows species names alongside matching swatches, while the axes are generated using `axisLeft` and `axisBottom`. Data loads from a local CSV file and is parsed with `csvParse`.

AI-generated description

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

See also:

MIT Licensed

Similar vizzes

Loading thumbnail…

Flora's Scatter Plot with 1 .js

This example visualizes the classic Iris Dataset as a scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and species to color via an ordinal color scale. It features labeled axes and a custom color legend generated with D3’s `scaleOrdinal` and `schemeCategory10`. The data loads from a CSV file using `d3.csvParse`, while reusable modules handle axes, legends, and the plot itself, leveraging `selection.join` for efficient SVG updates.

Ffloraho401
94% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each of the three species distinguished by color. The visualization uses D3 v7's scaleLinear for positioning, scaleOrdinal for categorical coloring, and the axisBottom and axisLeft components to create labeled axes. A separate color legend, built with custom SVG elements, maps each species to a specific color using a switch statement. Data is loaded from a local CSV file and parsed with d3.csvParse before being rendered as circular marks.

Ffloraho401
90% match
Loading thumbnail…

scatter plot with color

This scatter plot visualizes the Iris Dataset, showing sepal length on the x-axis and petal length on the y-axis, with each of the three flower species represented by a distinct color from d3.schemeCategory10. A custom color legend identifies the species categories. The visualization loads the CSV data using d3.csvParse and renders the plot with d3.scaleLinear for both axes, while axes and legend components are built using reusable function modules.

KKhatera Alizada
90% 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
90% 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
90% 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
89% match
Loading thumbnail…

Scatter Plot with Color

A scatter plot of the Iris Dataset displays sepal length against petal length, with points colored by species. A color legend identifies setosa, versicolor, and virginica. Built with D3 v7, the visualization uses `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and modular functions for axes and legend rendering. Data is loaded from a CSV file and parsed with `csvParse`.

BBhanu Siva Kumar Kommana
89% match
Loading thumbnail…

Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length against petal width for 150 flowers. Each point is colored according to its species (setosa, versicolor, or virginica), revealing clear species clusters. A legend identifies the color mapping. The visualization is built with D3 v5, using `scaleLinear` for axes, `scaleOrdinal` with `schemeCategory10` for colors, and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a local CSV via `csv()`, and the chart is rendered as an SVG.

HHalvorte
89% match