Skip to main content
SimilarExport ZIP
100%

Fork of Iris Dataset Scatter Plot

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

This fork of the Iris Dataset scatter plot visualizes petal length and width for three iris species, coloring each point by species (blue, red, or black). The D3 v6 code loads CSV data from a gist, maps petal dimensions to the x and y axes, and draws circles with a fixed radius of 5 pixels. It uses `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render the chart, while also extracting sepal length and width values (rx and ry) without affecting the plot’s visual output.

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 example visualizes the Iris Dataset, plotting petal length against petal width for three iris species, each colored blue, red, or black. It uses D3 v6 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG scatter plot. Circles are positioned on the x- and y-scales, with the underlying sepal measurements stored as `rx` and `ry` attributes. The visualization fills the browser window and includes labeled tick marks with enlarged font sizes.

Bbindhureddy98
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width for three iris species, each colored blue, red, or black. It uses D3 v6 with `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG scatter plot. Circles are positioned on the x- and y-scales, with the underlying sepal measurements stored as `rx` and `ry` attributes. The visualization fills the browser window and includes labeled tick marks with enlarged font sizes.

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

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width onto the x- and y-axes. Each point is colored by species—green, orange, or brown—using a custom marker function. Built with D3 v6, the SVG chart uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. Data is loaded via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion. The visualization fills the screen and includes axis labels for petal length and sepal length.

BBajiSharifPatan@my.unt.edu
96% 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
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This fork of the Iris dataset scatter plot visualizes petal length and width measurements for three iris species, with points colored blue, red, or black by species. The code loads data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` for axes, and renders circles with `d3.axisLeft` and `d3.axisBottom`. Although it applies `rx` and `ry` attributes, they do not affect circular circles, which are sized with a fixed radius. The SVG fills the viewport, and tick labels are enlarged via CSS.

TTharun2022
96% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This is a D3.js scatter plot visualizing the Iris Dataset, separating flower species by color (blue, red, black) based on petal length and width. The chart maps sepal dimensions to circle radii, creating variable-sized points. It loads data via `d3.csv`, uses `d3.scaleLinear` and `d3.extent` for scales, and renders axes with `d3.axisLeft` and `d3.axisBottom`. Drawn as SVG circles with `d3.selectAll().join()`, it includes labeled axes for petal and sepal measurements.

Ggopiganta
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 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