Skip to main content
SimilarExport ZIP
100%

Data Visualization- Scatter Plot with Iris DataSet

✓ Published0🌍 Public
Ggayathri
Last edited Mar 7, 2022
Created on Mar 7, 2022

This D3.js v6 scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with each point colored by species (setosa, versicolor, or virginica). The SVG rendering uses the `csv` loader to parse the data, `scaleLinear` for both axes, and `axisLeft` and `axisBottom` for tick marks. The code explicitly maps the `sepal_length` and `sepal_width` values to unused `rx` and `ry` attributes, though these do not affect the circle radii, which remain fixed. The chart is sized to the browser window.

AI-generated description

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

MIT Licensed

Similar vizzes

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

Data Visualization Scatter Plot Graph

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers. Each point is colored by species—violet for setosa, orange for versicolor, and blue for virginica—using an SVG rendered via D3 v6. The visualization loads data from a CSV file and uses D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to construct the chart, with axis labels provided for the petal measurements. The plot is dynamically sized to the browser window.

Ssuchitra2602
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
94% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis, with points colored by species (setosa, versicolor, and virginica). Built with D3 v6 and rendered as SVG, it uses `d3.csv` to load data, `scaleLinear` and `extent` to set scales, and `axisLeft` and `axisBottom` for axes. Circle marks are appended via `data().join()`, with a custom color mapping function for each species. The plot fills the browser window and includes labeled axes.

KK V VINITHA
94% match
Loading thumbnail…

Fork of Data Visualization- Scatter Plot with Iris DataSet

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica) via a custom color function. The circles also encode sepal length and width as non-visual properties (rx and ry), though only a fixed radius is rendered. Built with D3 v6, the code loads CSV data using `d3.csv`, applies `scaleLinear` and `extent` for scaling, and renders axes via `axisLeft` and `axisBottom`. The SVG canvas fills the window, with a bottom margin accommodating custom axis labels for sepal length.

RRadhakrishna246
94% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers while coloring each point by species: red for setosa, green for versicolor, and purple for virginica. The code loads CSV data via D3’s `csv` function, parses numeric columns, and builds scales with `scaleLinear` and `extent`. Circles are rendered as SVG elements with fixed radius, while axes are generated using `axisLeft` and `axisBottom`. The visualization also encodes sepal measurements as `rx` and `ry` attributes, though these do not affect circle appearance given the constant radius. The chart fills the browser window with a pale turquoise title.

Vvagdevi-369
93% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width along the axes while coloring each circle by species (setosa in green, versicolor in orange, and virginica in brown). The chart uses D3 v6 to load CSV data, apply linear scales, and render SVG circles and axes. Though circles are drawn with a fixed radius, the code also reads sepal dimensions, and axis labels indicate petal length and sepal length. The visualization fills the browser window with a minimal margin-based layout.

RRadhakrishna246
93% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each sample while coloring points by species (setosa, versicolor, virginica). It uses D3 v6’s `csv` loader, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG chart. Circle marks encode petal measurements, while sepal length and width are stored as unused `rx`/`ry` attributes. The axes are labeled with rotating text, and the visualization fills the browser window, with the data fetched from a GitHub-hosted CSV file.

Bbhargavarathod
93% match