Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
Jjayanthamol99
Last edited Mar 22, 2023
Created on Mar 16, 2023

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 (red, green, or blue). The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale scales, and render axes. Circles are drawn using SVG selections with `join('circle')`, positioned via `cx` and `cy` attributes, and colored through a custom switch statement. The chart fills the browser window, with axis labels added as SVG text elements.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Data

This scatter plot visualizes the Iris dataset, encoding petal length on the x-axis, petal width on the y-axis, and coloring each point by species (green, purple, or red). The code uses D3 v6 with `d3.csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `selectAll` to render SVG circles based on data from a GitHub-hosted CSV file. It also sets custom font sizes for tick text and includes axis labels for both dimensions.

Jjayanthamol99
95% match
Loading thumbnail…

Scatter Plot Using Iris Data

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 (green, purple, or red). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn as SVG elements via a data join, with labels for the axes in red and purple. The plot is rendered in vanilla HTML.

MMeghanaArepalli
95% 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…

Scatter Plot Using Iris Data

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 (setosa, virginica, or versicolor). The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map values to screen coordinates, and render axes. Circles are drawn via SVG with `selectAll` and `join`, while the chart fills the browser window and includes rotated axis labels for clarity.

MManasaPatange
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…

Scatter Plot

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). The visualization uses D3 v7 with the `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` APIs to load and render the data as SVG circles. Axis labels indicate "Petal Length" and "Sepal Length," though the latter appears mislabeled relative to the plotted variables. The chart fills the browser window with margins and styled tick text.

Ffloraho401
93% 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…

Scatter Plot

This scatter plot visualizes the Iris dataset, showing petal length and width, with points colored by species. The visualization uses D3 v6 to load CSV data from a GitHub gist, scale the axes linearly, and render circles as SVG marks. The plot includes axis labels for petal and sepal measurements, with a supplementary legend indicating the three Iris species.

Cchsaisriharsha@gmail.com
93% match