ICE-6

100%

✓ Published0🌍 Public

Last edited Jun 26, 2022

Created on Jun 26, 2022

This visualization displays the Iris dataset, plotting petal dimensions along the axes while mapping sepal measurements to circle properties. The SVG uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for scales and ticks. Circles are colored by species (setosa, versicolor, virginica) via a switch function, with `rx` and `ry` attributes derived from sepal length and width. The data loads from a CSV using D3’s `csv` method with type coercion, and the chart resizes to the viewport.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

94% match

Loading thumbnail…

ICE6

This visualization uses a D3 v6 scatter plot to display the Iris Dataset, mapping petal length and width to the x and y axes, while coloring each point by species. Sepal length and width are assigned to non-standard `rx` and `ry` attributes, though the constant radius overrides their visual effect. The SVG is rendered full-screen with axes generated using `axisLeft` and `axisBottom`, and data is loaded via `d3.csv` with type coercion in a parse function.

Aaashrithd4

93% match

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

93% match

Loading thumbnail…

ICE6.1

This visualization displays the classic Iris dataset as an SVG scatterplot, comparing sepal length against petal length. It uses the `d3.scaleLinear` scale and `d3.extent` to map data to screen coordinates, with colored circles differentiating the three iris species (setosa, versicolor, and virginica). The code loads data via `d3.csv`, renders axes with `d3.axisLeft` and `d3.axisBottom`, and labels the chart with SVG text elements. The visualization adapts to the viewport size and is built with D3 v6 within a React-compatible HTML page.

BBryanA999

93% match

Loading thumbnail…

ICE 6

This example displays the Iris dataset as a scatter plot of petal length against petal width, with each data point colored by species. It uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load the data, scale axes, and render SVG circles. Although the code defines `rx` and `ry` attributes from sepal measurements, the circles are drawn with a fixed radius, so the plot shows a standard clustered distribution.

AAmar09nath

93% match

Loading thumbnail…

Ice 6-2

This visualization displays the Iris dataset, mapping petal length and width to the x- and y-axes while encoding sepal dimensions through each circle’s rx and ry radii, which are drawn as ellipses rather than standard circles. Species are color-coded (green, purple, orange) via a switch statement, with D3 axes labeled “Sepal length” and “Petal Length” shown at 24px tick font. The code loads CSV data using d3.csv, applies scaleLinear for both axes, and renders SVG circles with d3.selectAll and join. Axis labels are added as SVG text elements with rotation for the y-axis.

NNikhilMakkena

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