Skip to main content
SimilarExport ZIP
100%

Visualization for Scatter Plot by using Iris DataSet

✓ Published0🌍 Public
DDanthalakirankumar
Last edited Mar 27, 2022
Created on Mar 27, 2022

This visualization presents a scatter plot of the Iris dataset, mapping petal length and width as the primary x and y axes. Each point is colored by species (setosa, versicolor, or virginica) and additionally encodes sepal length and width as elliptical radii on the circles. The code uses D3 v6 modules including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` within a React framework, rendering to SVG. Data is loaded from a GitHub gist URL, with axes labeled "Petal length" and "Sepal length."

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species (setosa, versicolor, or virginica). It uses D3 v6 within a React-free HTML page, leveraging `d3.csv` for data loading, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. Circles are rendered via SVG with a fixed radius, and the code also destructures sepal dimensions but only uses them as unused attributes on each circle, not for positioning. The visualization fills the browser window with a large bottom margin.

RRohith arabati
94% match
Loading thumbnail…

Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset by mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The SVG rendering uses D3 v6 APIs including `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data, scale coordinates, and draw axes. Circles are created with `selectAll` and `join`. The code also references sepal measurements but visually applies them to the circle’s `rx` and `ry` attributes without visible effect. Data comes from a GitHub-hosted CSV file.

SSrilekha24
94% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). The visualization uses D3.js v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for axes and scales. Data loads from a CSV via the `csv` function. The code also references sepal dimensions but does not plot them, and includes a custom marker function to assign colors to each species group.

Ssudhamshu24
94% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, plotting petal length against petal width on the axes while coloring each point by species—setosa in pink, versicolor in blue, and virginica in red. The visualization uses D3 v6 (d3.scaleLinear, d3.extent, d3.axisLeft, d3.axisBottom) to render an SVG with circles whose radii are fixed but also encode sepal length and width via the `rx` and `ry` attributes. Data loads via `d3.csv` from a GitHub gist, and the chart fills the entire browser window.

SSumanya4
93% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes while encoding species with color (violet, orange, and green). The visualization also incorporates sepal measurements as the radius and an elliptical shape for each point. Built with D3 v6 and React, the code uses `d3.csv`, `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to load data and render SVG circles, with axis labels and a large tick font size for readability.

Sspandhanabadekol
93% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width to point positions, while color distinguishes the three species: setosa, versicolor, and virginica. The plot uses D3.js v6 with an SVG rendering, employing `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.extent` to set the scales. Separately, sepal length and width are encoded into the marker's width and height, though the ellipse-like shapes still use `r` for a uniform radius. Axis labels are added via SVG text elements, and the visualization adapts to the window size.

Bbrindapotluri
93% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). The SVG rendering uses d3.scaleLinear for axes, and each point’s radius is fixed, though the code also accesses sepal measurements. Data is loaded via d3.csv from a remote URL, with the plot sized to the window and annotated with axis labels using d3.axisLeft and d3.axisBottom.

AAditya Pujari
93% match
Loading thumbnail…

Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each point colored by species. It uses d3.csv to load the data, d3.scaleLinear for the axes, and d3.axisLeft and d3.axisBottom to render the scales. The SVG circles are drawn with d3.selectAll and .join, and the visualization fills the browser window using window.innerWidth and window.innerHeight.

Aanushaanumula
93% match