Fork of Ice6_Question 2

100%

Fork of Ice6_Question 2

✓ Published0🌍 Public

Last edited Oct 20, 2025

Created on Oct 20, 2025

This scatter plot visualizes the Iris flower dataset, showing sepal length and width for 150 samples, with color encoding distinguishing the three species (Setosa, Versicolor, Virginica) as labeled clusters. Built with D3 v7, it uses `d3.scaleLinear` for positioning points, `d3.scaleOrdinal` for species-based coloring, and SVG circles with hover interactions that increase opacity and stroke width. The data is loaded from a remote CSV via `d3.csv`, and axes plus a legend are rendered using D3’s SVG components.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset using D3 v6, mapping petal length and width on the x and y axes while coloring each point by species (setosa, versicolor, or virginica) in blue, yellow, or red. The SVG rendering includes axis labels for petal length and sepal length, though the sepal dimensions are also encoded as the horizontal and vertical radii of each circle, creating elliptical markers. Data is loaded as CSV via `d3.csv`, with scales built through `scaleLinear` and axes generated using `axisLeft` and `axisBottom`.

TTekmal-Bhavana

90% match

Loading thumbnail…

ICE 6 11540639 - D3 Scatter Plot

This D3.js scatter plot visualizes the Iris Dataset, mapping sepal length on the y-axis against petal length on the x-axis. Each of the 150 flowers is drawn as a circle, with its fill color indicating species: green for setosa, orangered for versicolor, and purple for virginica. The code uses d3.csv to load the data, d3.scaleLinear and d3.extent to compute scales, and d3.axisLeft and d3.axisBottom to render axes with styled ticks. The SVG is sized to the browser window, and labels are added for both axes.

SSravanthi Silla

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

89% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal width on the y-axis, with points colored by species (blue for setosa, yellow for versicolor, red for virginica). Built with React and D3 v6, it uses `d3.csv` to load data, `d3.scaleLinear` with `d3.extent` for scales, and `d3.axisLeft`/`d3.axisBottom` for axes. Data is rendered as SVG circles via `selectAll().data().join()`, with custom axis labels styled in red.

Vviswak12

89% match

Loading thumbnail…

Fork of QUESTION3ACT6

This scatter plot visualizes the Iris dataset, showing petal length versus petal width as colored circles for three species (setosa, versicolor, and virginica). The code loads CSV data from a GitHub gist and uses D3 v6 APIs such as `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes. Circles are rendered via SVG and colored by species with a switch-based marker function. The layout fills the entire browser window, with axis labels indicating petal dimensions, while sepal measurements are stored but not visually mapped.

Gganeshrajuparmalla@my.unt.edu

89% match

Loading thumbnail…

Fork of Scatter Plot with Color

This interactive scatter plot visualizes the Iris Dataset, mapping sepal length and petal length on the x- and y-axes while coloring each point by species. A color legend distinguishes setosa, versicolor, and virginica flowers. Built with D3 v7, the visualization uses d3.scaleLinear, d3.scaleOrdinal, and d3.schemeCategory10 to position and color the circles. Data loads asynchronously from a CSV file using d3.csvParse, and the axes and legend are generated through custom reusable functions leveraging d3.axisLeft, d3.axisBottom, and selection.join.

NNYCUBK201

89% match

Loading thumbnail…

Fork of Scatter Plot with Color

NNYCUBK201

89% match

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

89% match