Fork of Iris Dataset Scatter Plot

100%

Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 6, 2022

This example visualizes the Iris Dataset with a scatter plot mapping petal length and width, colored by species. The code loads CSV data, parses numeric fields, and uses D3 v6 scales, axes, and SVG circles. It appends axis labels and uses d3.csv, scaleLinear, extent, axisLeft, and axisBottom to render the chart across the full window size.

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 as a scatter plot, mapping petal length and width to the x and y axes. Each point’s color corresponds to the species of iris, distinguishing setosa, versicolor, and virginica. The chart is rendered as an SVG using D3 v6, with axes generated via `d3.axisLeft` and `d3.axisBottom`. Scales are created with `d3.scaleLinear`, and the data is loaded asynchronously from a CSV file using `d3.csv`.

LLakshmiVandanaNunna

94% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length against petal width for individual flower specimens while color-coding points by species (setosa, versicolor, and virginica). It uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to generate axes and map data to screen coordinates. The SVG circles are rendered with `select`, `append`, and a join operation, and the data is loaded via `d3.csv` from a raw GitHub source.

Bblikitha

94% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width, with each point colored by species. A scatter of circles maps these measurements, while additional sepal dimensions are stored as unused properties on each data point. The visualization loads CSV data via `d3.csv`, constructs scales with `d3.scaleLinear`, and renders circles and axes using SVG. The code uses D3 v6, with styling applied through `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, and tick labels are enlarged for readability.

Ppreethamkesa

94% match

Loading thumbnail…

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 while colors denote the three species (setosa, versicolor, and others). It also embeds sepal length and width as additional attributes on the circles. The code loads CSV data via `d3.csv`, scales the values with `d3.scaleLinear`, and renders SVG circles using `d3.select` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window using `window.innerWidth` and `window.innerHeight`.

Eeravellisaimeghana

94% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example shows a scatter plot of the Iris dataset, mapping petal length against petal width, with points colored by species (setosa, versicolor, and virginica). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render SVG circles. The plot is sized to the full window and uses a fixed radius of 4 pixels for each point. Data is fetched from a GitHub-hosted CSV file.

Vvidhyanamini

94% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, mapping petal length and width on the x- and y-axes while coloring each point by species. Built with D3 v6, it renders circles as SVG elements, using `d3.scaleLinear` for coordinate scaling and `d3.axisLeft`/`d3.axisBottom` for axes. The code loads CSV data via `d3.csv`, parses numeric fields, and positions points within a full-window SVG.

RRadhakrishna246

94% match

Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris dataset, plotting petal length and width for individual flowers, with each species (setosa, versicolor, virginica) assigned a distinct color (blue, red, black). It uses D3 v6 to fetch the CSV data via `d3.csv`, then maps the values to screen coordinates using `d3.scaleLinear` and `d3.extent`. Circles are rendered with an SVG `join` operation, and axes are added with `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, leveraging a full-screen SVG canvas.

DDanthalakirankumar

94% 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

94% match