Fork of ICE-6 Scatter Plot

100%

Fork of ICE-6 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 23, 2023

Created on Mar 22, 2023

This visualization displays the classic Iris dataset as a scatter plot, showing petal length on the x-axis and petal width on the y-axis. Each point represents a flower specimen, with its color mapped to species, though all three species are rendered in black. The code loads CSV data via `d3.csv`, scales the positions with `d3.scaleLinear`, and renders circles as SVG elements using `selectAll` and `join`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, and labels are added as SVG text elements. The plot uses a full-window SVG canvas with specified margins.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This visualization displays the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, virginica, and versicolor). It uses d3.csv to load the data, d3.scaleLinear for axes, and d3.axisLeft and d3.axisBottom to render the scales. Circles are drawn with SVG via d3.selectAll and .join, with dimensions derived from sepal length and width for additional context. The code runs in a vanilla HTML page with D3 v6, using window dimensions for a full-screen responsive layout.

KKeerthipriyaBankuru

95% match

Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot displays the Iris dataset, plotting petal length and width for each specimen. The points are colored by species: setosa, virginica, and versicolor. The visualization loads CSV data via `d3.csv`. Using `d3.scaleLinear`, it maps data to pixel coordinates for the SVG circles, and includes axes created with `d3.axisLeft` and `d3.axisBottom` for the petal dimensions.

KKeerthipriyaBankuru

95% match

Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width as x and y coordinates while encoding species type with color. It uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. Circle marks are generated with d3.selectAll and .join, sized with a fixed radius, though sepal dimensions are computed but not visually used. The SVG canvas fills the window, with axis labels styled via inline attributes.

NNaimisha-M

94% match

Loading thumbnail…

Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, plotting petal length against petal width, with each point colored by species (setosa, versicolor, virginica) via a custom marker function. It loads the CSV data using `d3.csv`, scales the x- and y-axes with `scaleLinear` and `extent`, and renders circles onto an SVG canvas. Axis labels are added using `axisLeft` and `axisBottom`, while text elements styled with Times font annotate the plot. The visualization uses D3 version 6 and fills the entire browser window, adapting its dimensions to the viewport.

Kkollirohit2000

94% match

Loading thumbnail…

Fork of ICE-6

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring points by species. It uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom to render axes. Circles are appended via data joins, with fill colors assigned per species. The chart fills the browser window with a yellow background, and axis labels describe petal length and sepal length, though only the former matches the plotted data.

Aarcothanmukha

94% match

Loading thumbnail…

Fork of ICE 6 Scatter plot

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while coloring points by species (setosa, virginica, and versicolor). Each circle’s radius is fixed, though additional sepal measurements are encoded in the `rx` and `ry` attributes, which are set but not visually reflected. The visualization uses D3 v6’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles, with custom tick font sizing and axis labels for petal length and sepal length.

Cchilukuritagore1427@gmail.com

94% match

Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This example visualizes the Iris dataset as a scatter plot, mapping petal length and width to the x- and y-axes while coloring points by species (setosa, virginica, and versicolor). Each circle’s `rx` and `ry` attributes are set to the sepal measurements, though the rendering remains circular. The code uses D3 v6 to load CSV data, apply linear scales via `d3.scaleLinear`, and render axes with `d3.axisLeft` and `d3.axisBottom`. The visualization fills the browser window with an SVG, and axis labels highlight petal length and sepal length.

SSweetierams

93% match

Loading thumbnail…

Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris Dataset, displaying petal dimensions along the axes while encoding sepal measurements through elliptical point shapes. D3’s `csv` loader parses the external plant data, with `scaleLinear` mapping values and `axisLeft`/`axisBottom` rendering labeled ticks. Circles, colored by species via a switch statement, use `rx` and `ry` attributes to reflect sepal length and width, offering a six-dimensional view of flower characteristics. The responsive SVG fills the viewport, with rotated text labels for clarity.

SSweetierams

93% match