Scatter Plot

100%

✓ Published1🌍 Public

Last edited Mar 30, 2025

Created on Mar 30, 2025

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while using circle color to distinguish the three flower species. It is rendered as an SVG using D3 version 6, with the `d3.csv` driver to load remote data and `scaleLinear`, `axisLeft`, and `axisBottom` to create the axes. Each circle’s radius is fixed, and the chart includes color-coded markers for species, making class separation immediately visible.

AI-generated description

MIT Licensed

Similar vizzes

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

93% match

Loading thumbnail…

Scatter Plot

This D3.js scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen. Points are colored by species (setosa, versicolor, or virginica) using a categorical color scheme. The SVG rendering uses `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to construct the axes and plot, with data loaded asynchronously via `d3.csv`. Circle size is fixed, and the layout adapts to the browser window dimensions.

Ssalimjivani

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

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6 with SVG rendering, employing scaleLinear, axisLeft, and axisBottom to construct the axes. Data is loaded via d3.csv from a remote GitHub URL, and circles are drawn using the select, data, and join pattern. The plot also records sepal measurements in each data point, though these are not visually encoded.

Pperamranji

93% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and petal width for individual flowers while encoding species through color. It renders SVG circles using D3 v6, with scales from `d3.scaleLinear` and axes generated by `d3.axisLeft` and `d3.axisBottom`. The code loads CSV data via `d3.csv`, parses numeric fields, and positions marks based on the dataset’s sepal measurements. Axis labels indicate petal length on the x-axis and sepal length on the y-axis, offering a direct comparison of these floral traits.

AArv1228

93% match

Loading thumbnail…

scatter plot

This D3 scatter plot displays the Iris Dataset, using petal length and width for the x- and y-axes while encoding species membership through circle colors (green, yellow, and black). It also maps sepal measurements to each point’s `rx` and `ry` attributes, though these elliptical properties are overridden by a fixed radius. Data loads via `d3.csv` and parses numeric columns. Axes are rendered with `d3.axisLeft` and `d3.axisBottom`, while scales use `d3.scaleLinear` and domains derive from `d3.extent`. SVG rendering creates responsive, full-viewport visuals with rotated axis labels.

Eeravellisaimeghana

93% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and petal width for three species of iris flowers. Each point is colored by species (blue, maroon, or violet) using a custom marker function, with the plot rendered as SVG elements appended to the body. The code loads CSV data via `d3.csv`, maps values with `scaleLinear` and `extent`, and builds axes with `axisLeft` and `axisBottom`.

HHarishkumar1606

93% match

Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x- and y-axes while coloring each point by species. It also encodes sepal length and width into the horizontal and vertical radii of each circle, creating an elongated marker shape. The code loads data from a CSV using `d3.csv`, applies `d3.scaleLinear` and `d3.extent` for scales, and renders circles with SVG attributes `cx`, `cy`, `r`, `rx`, and `ry`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and the visualization fills the browser window.

Vvidhyanamini

93% match