Skip to main content
SimilarExport ZIP
100%

ICE-6: IRIS

✓ Published1🌍 Public
Ttrucntx007
Last edited Mar 24, 2022
Created on Mar 8, 2022
Forked from Hello VizHub

This scatterplot visualizes the Iris dataset, plotting petal length against sepal length for individual flowers. Using D3 v6, the code loads CSV data, applies linear scales via `scaleLinear`, and renders circles in an SVG. Axes are generated with `axisLeft` and `axisBottom`, while data parsing converts string values to numbers. The chart fills the browser window, with axis labels added as SVG text elements for clarity.

AI-generated description

[Iris Dataset]

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 6

This interactive scatter plot visualizes the Iris Dataset, mapping petal length to the x-axis and sepal length to the y-axis for all samples. Built with D3 v6, it uses `d3.csv` to load data, `scaleLinear` with `extent` for domain scaling, and SVG circles rendered via `selectAll` and `join`. Axis labels are added as SVG text elements with rotation for the y-axis.

BBaswa Sathvika Reddy
94% match
Loading thumbnail…

ICE 6

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample while coloring points by species. Using D3 v6, the chart renders as SVG circles, with dimensions computed from a linear scale on both axes. The code loads CSV data via `d3.csv`, parses numeric fields, and applies a custom scale for the shapes’ `rx` and `ry` attributes, though the actual circle radius is fixed. Axis components are generated with `axisLeft` and `axisBottom`, and the visualization fills the full browser window.

AAmar09nath
93% match
Loading thumbnail…

ICE-6

This interactive scatter plot displays the Iris dataset, mapping petal length and width for each flower species. The visualization uses D3 v6 to load CSV data from a GitHub gist, with axes labeled to show sepal length and width. Each data point is rendered as a circle with a radius of five pixels, positioned using `scaleLinear` functions. The code applies D3's `selectAll` and `join` pattern to create and update SVG circle elements, while `axisLeft` and `axisBottom` generate the coordinate axes.

Ssaiteja0725
93% match
Loading thumbnail…

ICE- 6 Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point according to its species (setosa, versicolor, or virginica). Using D3 v6, the code loads the CSV data with `d3.csv`, scales the axes with `d3.scaleLinear`, and renders circles as SVG elements. It labels the axes as “Petal-length” and “sepal-length” (the latter rotated via an SVG transform). The plot fills the browser window, with axis ticks generated by `d3.axisLeft` and `d3.axisBottom`.

Ssaidhiraj16
93% match
Loading thumbnail…

ICE 6

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes, with each point colored by species. It uses D3 v6 to load CSV data, apply linear scales, and render SVG circles with axes and labels. The code demonstrates `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and the `join` method for binding data to SVG elements. The chart includes custom tick styling and a simplified color scheme for the three iris species.

AAmar09nath
93% match
Loading thumbnail…

ICE-6 Iris Scatter Plot

This example visualizes the classic Iris dataset, plotting petal length against sepal length as a scatter plot of circles. The code uses D3 v7 to load the CSV data, parse numeric fields, and create linear scales for the axes. SVG is used for rendering, with axes and labels generated via `axisLeft` and `axisBottom`. The viewport dimensions determine the chart size, and margin-based spacing positions the axis labels and plot area, creating a clean, full-screen scatter plot.

DDan Waters
93% match
Loading thumbnail…

ICE6: Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for each specimen while color-coding points by species. The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, with SVG circles as marks. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and numeric fields are coerced with a custom row parser. The chart fills the browser window, with species-specific colors assigned through a switch statement and styled with a green background.

HHarishma Nallala
92% match
Loading thumbnail…

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while encoding sepal length and width in each point’s `rx` and `ry` attributes, with species indicated by color (violet, pink, or a square symbol). The D3 v6 code loads data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `d3.symbol` for the setosa class. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom text labels for petal length and sepal length.

SSweetierams
92% match