ICE 6 -2

100%

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6 (d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom) to render SVG circles, sized with a fixed radius. Data is loaded as CSV and parsed into numeric values. The chart fills the viewport, with axes labeled and tick text enlarged for readability.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, virginica, or versicolor) via a brightness-based marker function. After loading the CSV data with `d3.csv`, the example uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` from D3 v6 to establish scales and axes, while `select` and `join` render circles for each observation. The SVG rendering fills the browser window, with sepal length and width values stored as point metadata but not plotted.

SSaiSree0122

95% match

Loading thumbnail…

ICE - 6 Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width on the axes while coloring each point by species (setosa, virginica, or versicolor). Built with D3 v6, it uses `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to generate the axes and `select` to append SVG circles with a fixed radius. The code also parses numeric fields from CSV data and applies a custom color marker for species.

SSaiSree0122

95% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The visualization uses D3 v6’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes, while circles are bound to the data via `selectAll` and `join`. Data is loaded asynchronously from a CSV URL using D3’s `csv` function, with numeric parsing applied to all measurements. The chart fills the browser window, displaying axis labels for petal length and sepal length.

Ggayathrikavya

95% match

Loading thumbnail…

ICE 6 Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, plotting petal length on the x-axis and petal width on the y-axis. Data points are color-coded by species: pink for setosa, green for versicolor, and blue for virginica. The visualization encodes each flower’s sepal length and width as the `rx` and `ry` attributes of the circles, adding an additional dimension to the plot. Built with vanilla HTML, it uses `d3.csv` to load the data, `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` for scales and axes, and appends SVG circles to render the marks.

SSnigdha6698

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

95% match

Loading thumbnail…

ICE-6 Scatter Plot Graph

This visualization uses the Iris Dataset to plot petal length against petal width as circles, with each of the three species—setosa, versicolor, and virginica—colored yellow, blue, and orange respectively. Built with D3 v6, it loads data via `d3.csv`, scales the axes using `scaleLinear` and `extent`, and renders SVG circles with an SVG container sized to the window. The chart also includes axes generated with `axisLeft` and `axisBottom`, along with custom axis labels.

RRajeevMukhesh

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

94% match

Loading thumbnail…

ICE - 6 Iris Dataset Scatter Plot (11508271)

This interactive scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis. Each point is colored by species (setosa in red, versicolor in green, virginica in magenta) using D3 v6’s scaleLinear, axisBottom, and axisLeft. The SVG circles also store sepal length and width as rx and ry attributes, though the visual radius remains constant. Data is loaded as CSV via d3.csv from a GitHub gist.

Aabdulmoin9624

94% match