Skip to main content
SimilarExport ZIP
100%

ICE - 6 Scatter Plot

✓ Published0🌍 Public
SSaiSree0122
Last edited Jun 26, 2022
Created on Jun 25, 2022

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.

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
97% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the axes while coloring points by species. The chart uses D3 v6 with SVG rendering, loading CSV data via `d3.csv` and parsing numeric values. Scales are created with `d3.scaleLinear` and axes with `d3.axisLeft` and `d3.axisBottom`. Circles are drawn with `d3.selectAll` and a data join, with fill colors assigned per species via a switch function. Axis labels are added as SVG text elements.

Llikith1266
96% match
Loading thumbnail…

ICE 6 Scatter Plot

This scatter plot visualizes the Iris dataset by mapping petal length and petal width to point positions. Each point represents an iris flower, and its color indicates the species (pink for setosa, red for versicolor, green for virginica). The visualization is built using D3 v6 and rendered as SVG, with axes created using `axisLeft` and `axisBottom`. The code loads data from a CSV file, uses `scaleLinear` for coordinate mapping, and applies `selectAll` with a `join` operation to create the circle marks.

RRamyapriyaPutta
95% match
Loading thumbnail…

ICE 6 -2

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.

SSnigdha6698
95% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width while coloring points by species (setosa, versicolor, virginica). The code loads CSV data via `d3.csv`, scales positions with `d3.scaleLinear`, and renders circles as SVG elements using `d3.selectAll` and `join`. Axes are created with `d3.axisLeft` and `d3.axisBottom`, with custom red axis labels. The visualization uses a React framework shell but relies on vanilla D3 v6 for rendering directly into the DOM.

MMgk1255
95% match
Loading thumbnail…

ICE - 6 Scatter Plot

This example visualizes the Iris Dataset, plotting petal length and width for each flower. Three species—setosa, virginica, and versicolor—are differentiated by green, orange, and blue fill colors. The code uses `d3.csv` to load data, `scaleLinear` for x and y axes, and SVG circles for rendering. Data parsing converts string measurements to numbers, while `axisLeft` and `axisBottom` append labeled axes. Despite assigning `rx` and `ry` attributes, the circles use a fixed `r` of 6.5 pixels.

MManasaPatange
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
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