Skip to main content
SimilarExport ZIP
100%

Iris Scatter

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

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis against sepal length on the y-axis, with all points rendered as uniform blue circles. The code uses D3 v6’s `select`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions to construct the coordinate system and axes. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the SVG output is created by appending a single `<svg>` element and iterating over parsed rows to draw the marks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Iris_scatter_plot

This visualization presents the classic Iris dataset as an interactive scatter plot, mapping petal length and width along the x- and y-axes. Each circle represents a flower, colored by species (green for setosa, purple for versicolor, red for virginica) using a custom marker function. Built with D3 v6, the code loads CSV data via `d3.csv`, scales positions with `scaleLinear`, and renders SVG circles using data joins. Axis labels display sepal length and petal width, while the plot dynamically sizes to the browser window. The example demonstrates fundamental D3 data binding and axis generation.

SSohilaBheemReddy
94% match
Loading thumbnail…

Iris Dataset Scatter Plot

This visualization uses D3.js v6 to render a scatter plot of the classic Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. Each circle represents a sample, colored by species (black for setosa, blue for versicolor, red for virginica). The code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to compute scales, and renders SVG circles with axis labels, employing `axisLeft` and `axisBottom` for the chart axes.

Mmanvithareddykarra
93% match
Loading thumbnail…

Scatter plot for iris data set

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and sepal length on the y-axis. Each point represents an individual flower, colored by species (setosa, versicolor, or virginica) using a custom marker function. The code loads data via `d3.csv` from a GitHub gist, parses numeric fields, and renders circles with `d3.selectAll` and `.join()`. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while `d3.scaleLinear` and `d3.extent` set the scales to the data domain.

Aachalasam
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
Loading thumbnail…

Iris Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis for each flower sample. The code loads the CSV data using d3.csv, parses numeric fields, and scales the values with d3.scaleLinear and d3.extent. Circles mark each data point in an SVG rendered at full viewport size. Axes are added with d3.axisLeft and d3.axisBottom, while custom text labels for "Petal Length" and "Sepal Length" are positioned using SVG transforms. The example uses D3 v6 and a margin-based layout for the plot.

LLakshmiVandanaNunna
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width for individual flowers, with points colored by species (brown for setosa, orange for versicolor, red for virginica). The visualization uses D3.js v6, employing `scaleLinear` and `extent` to map data ranges to screen coordinates, and renders circles as SVG marks via `selectAll` and `join`. Axes are generated with `axisLeft` and `axisBottom`, while the data is loaded asynchronously from a CSV URL using D3’s `csv` function.

SSyed Araib Karim
92% match
Loading thumbnail…

Iris Dataset Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length to the x-axis and petal width to the y-axis. Each circle represents an individual flower, with color indicating species: black for setosa, green for versicolor, and yellow for virginica. The code uses d3.csv to load the data, then applies d3.scaleLinear with d3.extent for axes, rendered via d3.axisLeft and d3.axisBottom. The SVG circles are positioned using this scaling, and text labels for axes are appended manually.

AABCDB15
92% match
Loading thumbnail…

Iris Scatter Plot

This scatter plot displays the classic Iris dataset, with each point representing a flower and colored by its species (setosa, versicolor, or virginica). The visualization uses D3 v5 to render an SVG, allowing users to dynamically select which measurements (sepal or petal length/width) appear on the x- and y-axes via dropdown menus. The code builds linear scales with `d3.scaleLinear`, generates axes with `d3.axisBottom` and `d3.axisLeft`, and adds a color legend using `d3.legendColor`. Circles are styled with an ordinal color scale, and grid lines are rendered through tick sizes.

Wwinniepooh520
92% match