Skip to main content
SimilarExport ZIP
100%

Data Visualization ICE7: Fork of Iris Dataset Scatter Plot

✓ Published0🌍 Public
Cchakritha06
Last edited Jul 3, 2022
Created on Jul 3, 2022

This example visualizes the Iris Dataset as a scatter plot, mapping sepal width to the x-axis and sepal height to the y-axis, with points colored by species (Male versus other). It uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for scaling, `extent` for domain calculation, and `axisLeft`/`axisBottom` for axes. The plot renders as SVG circles with fixed radius, and explicit text labels for “Petal Length” and “Sepal length” are added. Data is fetched from a GitHub Gist URL.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

This visualization displays the classic Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Each of the 150 flowers appears as a colored circle, with species distinguished by hue: setosa in red, versicolor in green, and virginica in magenta. The chart uses D3 v6 APIs including `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`, rendering as SVG. The code also retrieves the dataset via `d3.csv` from a GitHub gist, and the background is a bright blue.

Cchakritha06
93% match
Loading thumbnail…

Data Visualization ICE6: Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot of petal length against petal width, with each point colored by species (setosa, versicolor, and virginica). The plot uses d3.csv to load the data, d3.scaleLinear for x and y scales, and d3.axisLeft and d3.axisBottom to render axes. Circles are drawn via SVG with a fixed radius, while labels for petal length and sepal length are added as text elements. The rendering is SVG, with the page background set to a light teal.

RRohithReddy-thoughts
93% match
Loading thumbnail…

Fork of Scatter Plot for Iris Data ICE-7 Q1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each specimen while coloring points by species (blue, orange, purple). It uses D3 v6 with SVG rendering, employing `d3.csv` for data loading, `scaleLinear` and `extent` for scales, and `axisLeft`/`axisBottom` for axes. The code also draws on sepal dimensions via attribute binding, though circles are positioned by petal values. Axis labels and large fonts are styled inline, with data sourced from a GitHub-hosted CSV.

Aarcothanmukha
91% match
Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This visualization uses D3 v6 to render a scatter plot of Iris flower data, mapping petal length and width to the x and y axes while using sepal dimensions to determine each point’s rx and ry attributes, creating elliptical markers. A color scale distinguishes the three species (setosa, versicolor, virginica) as yellow, blue, and red. The SVG chart loads data from a CSV via `d3.csv`, scales positions with `scaleLinear` and `extent`, and adds axes using `axisLeft` and `axisBottom`. The dataset originates from a gist containing credit card usage records, though the code processes Iris measurements.

Ssuchitra2602
91% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width as x and y coordinates while coloring each point by species (setosa, versicolor, or virginica). It also stores sepal measurements as data attributes on each circle, though these are not used for positioning. The implementation uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, scale axes, and render an SVG with circles. Data is fetched from a GitHub Gist, and the viewport fills the browser window.

SSnapika
90% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset, plotting petal length against petal width, with each point colored by species. A scatter of circles maps these measurements, while additional sepal dimensions are stored as unused properties on each data point. The visualization loads CSV data via `d3.csv`, constructs scales with `d3.scaleLinear`, and renders circles and axes using SVG. The code uses D3 v6, with styling applied through `d3.axisLeft` and `d3.axisBottom`. The plot fills the browser window, and tick labels are enlarged for readability.

Ppreethamkesa
90% match
Loading thumbnail…

Fork of Iris Dataset Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length and width for individual flowers while coloring each point by species. It extends the classic example by scaling circle radii according to sepal length and width, creating a fourth dimension of data. The visualization is built with D3 v6, using `csv` to load data, `scaleLinear` for axes, and SVG circles rendered via `selectAll` and `join`. Axis labels clarify the chart’s structure, and the code applies a custom `marker` function to assign distinct colors to the three flower species.

MManideepChakilam
90% match
Loading thumbnail…

Data Visualization - ICE-6 Scatter Plot Graph

This visualization displays a scatter plot of Iris species data, plotting petal length on the x-axis against petal width on the y-axis, with points colored by species (yellow for setosa, blue for versicolor, red for virginica). The SVG rendering uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `selectAll` with data joins, while loading the dataset via `d3.csv` from a GitHub gist. The code also maps sepal measurements to the circle’s `rx` and `ry` attributes, though these are not used for visual encoding.

Rrajasrilekkala
90% match