Skip to main content
SimilarExport ZIP
100%

0813457_scatter_plot

✓ Published0🌍 Public
Jjessica403420@gmail.com
Last edited Sep 25, 2023
Created on Sep 25, 2023

A scatter plot of Fisher's Iris dataset displays sepal length against petal length, with points colored by species via a categorical color scale and a legend labeling each species. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `schemeCategory10` to map data, while `selection.join` binds circles for each flower. Axes and legend are built with custom modules using `axisBottom`, `axisLeft`, and d3-scale-chromatic’s ColorBrewer schemes. Data is loaded asynchronously from a CSV file and 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…

2

This interactive scatter plot visualizes Fisher's Iris dataset, allowing users to explore relationships between sepal and petal measurements across three iris species. Colored circles represent individual flowers, distinguished by species category. The visualization includes dropdown menus positioned along the axes for selecting which measurement is displayed on each axis. Built with D3.v7, the code utilizes `scaleLinear` for axis scaling, `scaleOrdinal` with `schemeCategory10` for color encoding, and custom D3 join operations to render axes, legend, and plot marks.

CCinSiangNg
91% 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
91% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Fisher Iris dataset, showing the distribution of 150 flowers across three species. The D3.js v5 code maps sepal and petal measurements to the x and y axes, with each circle color-coded by iris class (setosa, versicolor, or virginica). Users can switch the variables plotted on each axis via dropdown menus built with D3 `select` elements. The visualization uses SVG rendering with D3’s `scaleLinear`, `axisLeft`, and `axisBottom` utilities to generate the plot, axes, and labels.

Cchungmin-yu
90% match
Loading thumbnail…

Scatter Plot

A scatter plot displays Fisher's Iris dataset, mapping sepal length and width as x and y coordinates while encoding petal width through circle radius and species through color. The visualization uses the D3 v6 API with d3.scaleLinear for positional and radial scales, d3.scaleOrdinal for categorical coloring, and d3.axisLeft/axisBottom for axes. Circles animate to their target radii over two seconds via selection.transition(). The reusable chart pattern is implemented through a scatterPlot factory function with configurable accessors and margin, rendering to SVG with data loaded from a CSV URL.

AAnupJoseph
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 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
90% match
Loading thumbnail…

Iris Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis. Each of the 150 flowers appears as a colored point, with a legend distinguishing the three species (setosa, versicolor, and virginica) using a pastel ordinal color scale. Built with D3 v7, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear` for axes, and renders SVG circles, axis ticks, labels, and a custom legend.

Mmaddulanagasanjana@gmail.com
89% match