ICE6- Irish

100%

✓ Published0🌍 Public

Last edited Mar 7, 2022

Created on Mar 7, 2022

This visualization is a scatter plot of the Iris dataset, mapping sepal and petal measurements against categorical species. The plot uses color to distinguish the three iris species: setosa (blue), versicolor (red), and virginica (black), with each point representing a data entry. The code loads the CSV data via `d3.csv`, scales the axes with `scaleLinear`, and renders circles using D3’s `selectAll` and `join` pattern, alongside `axisLeft` and `axisBottom` for coordinate labels. The visualization is rendered as an SVG, filling the entire browser window.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6

This visualization presents the Iris dataset as a scatter plot, mapping petal length and width on the x and y axes. Each data point is colored by species, using yellow, blue, and red to distinguish setosa, versicolor, and virginica. The code loads CSV data via `d3.csv` from a GitHub gist, uses `d3.scaleLinear` and `d3.extent` for scaling, and renders circles with SVG attributes like `cx` and `cy`. Axis labels are drawn with `d3.axisLeft` and `d3.axisBottom`, while the title "SCIENTIFIC DATA VISUALISATION" appears at the top.

SSaahithi49

92% match

Loading thumbnail…

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12

92% match

Loading thumbnail…

ICE 6

This visualization displays the Iris dataset as a scatter plot of Petal Length against Sepal Length, with circles colored by species to emphasize clustering. The D3 v5 code uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal` with `d3.schemeCategory10`, and `d3.axisBottom`/`d3.axisLeft` for axes, plus `d3.legendColor` from the d3-legend library. Data is loaded via `d3.csv` from a GitHub gist, and rendered as SVG circles with a categorical color legend.

Sshabbab01

90% 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

90% match

Loading thumbnail…

ICE-6

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length and width on the x- and y-axes while encoding sepal dimensions through elliptical markers whose rx and ry attributes correspond to sepal length and width. Species are represented by distinct colors: purple for setosa, brown for versicolor, and pink for virginica. The code uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` loader within a React-free SVG rendering approach. Axes labels indicate measurements, and the plot fills the browser window with a 24-pixel tick font.

SSaahithi49

90% 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

90% match

Loading thumbnail…

ICE-6

The visualization displays the Iris plant dataset, plotting petal length on the x-axis against petal width on the y-axis, with each point colored by species (blue for setosa, yellow for versicolor, red for virginica). It uses d3.csv to load the data, d3.scaleLinear for axis scaling, and d3.axisLeft/axisBottom to render axes. Circle marks are drawn via SVG, with radii fixed at 5 pixels, while the code also assigns unused `rx` and `ry` attributes from sepal measurements. The chart is rendered using D3 v6.7.0 with an SVG output.

VVAbhiram99

90% match

Loading thumbnail…

ICE-6 Data Visualization-Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width along the x and y axes. Each circle is colored by species—setosa in light blue, versicolor in light pink, and virginica in yellow. The visualization uses D3 v6 APIs including `d3.csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`. The data is loaded from a remote CSV and rendered as SVG circles with a fixed radius, displaying the relationship between the two floral measurements across species.

SSrilekha24

90% match