Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
Mmandalasaikrishna007
Last edited Mar 6, 2022
Created on Mar 6, 2022

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
100% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
100% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to x/y positions while encoding sepal dimensions through circle radius and species via color. It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG chart. The code assigns fixed radii but also sets non-standard `rx` and `ry` attributes from sepal measurements, creating elliptical marks. The visualization updates dynamically to fill the browser window, with species colored blue, red, or black.

Mmandalasaikrishna007
100% match
Loading thumbnail…

Fork of Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width to the x- and y-axes, with points colored by species (blue for setosa, red for versicolor, black for virginica). It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale coordinates, and render axes. Although the circles are drawn using `selectAll` and `join`, the code also sets non-standard `rx` and `ry` attributes from sepal measurements, though these do not affect the circular shape. The plot fills the entire window and is rendered as SVG.

Mmandalasaikrishna007
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes while coloring points by species (setosa, versicolor, and virginica). Using D3 v6, the code loads the CSV data, applies linear scales via `scaleLinear` and `extent`, and renders circles with SVG. It also passes sepal measurements as `rx` and `ry` attributes, though these do not affect circle radius, which remains fixed. Axes are drawn with `axisLeft` and `axisBottom`.

Ppreethamkesa
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes, with each point colored by species (green, blue, or red). Built with D3 v6 and SVG, it uses `d3.csv`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes. The code also reads sepal measurements but does not use them visually. Data is loaded from a GitHub-hosted CSV file, and the chart fills the browser window with fixed margins and 24-pixel tick labels.

Llikith1266
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). Circles are rendered using D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs, with the sepal measurements stored as unused `rx` and `ry` attributes. The SVG fills the window, and data is loaded asynchronously via `d3.csv` from a GitHub gist. The view includes 24-pixel tick labels and no interactivity.

SSnigdha6698
95% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris Dataset scatter plot visualizes sepal and petal measurements, encoding petal length and width along the x- and y-axes while coloring points by species (setosa, versicolor, virginica). The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` for scales, and renders circles via SVG with `select` and `.join`. The circles include `rx` and `ry` attributes mapped from sepal dimensions, and axes are added using `axisLeft` and `axisBottom`. The layout fills the browser window, with tick labels sized at 24 pixels.

Llikith1266
95% match