Skip to main content
SimilarExport ZIP
100%

Iris Scatter with labels

✓ Published0🌍 Public
Sson.sultan@yahoo.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

This D3.js v6 scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each of the 150 flowers appears as a circle, with axes, tick labels, and axis titles rendered using the `scaleLinear`, `axisBottom`, and `axisLeft` APIs. The code loads data from a CSV file, parses numeric fields, and uses `select`, `append`, and `attr` methods to build the SVG output.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris flower dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each circle represents a single flower sample, with axes and labeled ticks generated using d3.axisBottom and d3.axisLeft. The code loads CSV data via d3.csv, scales positions with d3.scaleLinear and d3.extent, and renders the chart as SVG elements. Axis labels are manually added as SVG text, with the visualization filling the entire browser viewport.

Sson.sultan@yahoo.com
93% match
Loading thumbnail…

Iris Scatter Plot

This is a D3.js scatter plot that visualizes the Iris dataset, showing petal length against petal width for 150 flowers of three species. Each species is represented by a colored circle, with colors assigned using `d3.scaleOrdinal` (Iris-setosa in dark blue, Iris-versicolor in magenta, and Iris-virginica in light blue). The visualization uses `d3.scaleLinear` for both axes and renders the SVG elements with `axisBottom` and `axisLeft` for labeled tick marks. Data is loaded from a TSV file via `d3.tsv` and parsed before rendering.

JJepyagg
93% match
Loading thumbnail…

Iris Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis. Each of the 150 flowers appears as a colored point, with a legend distinguishing the three species (setosa, versicolor, and virginica) using a pastel ordinal color scale. Built with D3 v7, the code loads CSV data via `d3.csv`, applies linear scales with `d3.scaleLinear` for axes, and renders SVG circles, axis ticks, labels, and a custom legend.

Mmaddulanagasanjana@gmail.com
93% match
Loading thumbnail…

Iris Scatter

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.

Rreddyakshitha
93% match
Loading thumbnail…

D3 Scatter Plot

This D3 scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal length on the y-axis. The SVG rendering uses d3.scaleLinear to transform raw CSV values into pixel coordinates, with d3.min and d3.max defining the domains. Circles represent individual flowers, colored in a teal tone, while d3.axisLeft and d3.axisBottom generate labeled axes. The code loads data via d3.csv and appends text labels for both axes, using a full-window responsive layout with fixed margins.

Aainhoadieruiz@gmail.com
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
93% match
Loading thumbnail…

Iris Dataset Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an iris flower, colored by species (setosa in chartreuse, versicolor in orange, and virginica in blue). The code loads data from a CSV file via `d3.csv`, uses `scaleLinear` for axes, and renders circles as SVG elements. Axes are generated with `axisLeft` and `axisBottom`, while text labels for the axes are appended separately.

VVaishnavi6199
93% match
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
93% match