ICE-6(Scatter plot)

100%

ICE-6(Scatter plot)

✓ Published2🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

This interactive D3.js v7 scatter plot uses a dark-themed SVG canvas to visualize the Iris dataset, plotting sepal length versus petal length for 150 flowers. Each circle encodes a data point colored by species using a `d3.scaleOrdinal` color mapping. The chart features labeled axes, gridlines, and a legend. Hovering over a point triggers a tooltip that displays the exact species and measurement values.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot Graph

This D3.js scatter plot visualizes the Iris flower dataset, mapping petal length and width for each sample. Points are colored by species—setosa in orange, versicolor in green, and virginica in pink—revealing distinct clusters. The SVG chart uses `d3.scaleLinear` for axes and `d3.extent` for domain scaling, with `d3.axisBottom` and `d3.axisLeft` rendering the tick labels. The code fetches data from a remote CSV via `d3.csv` and sets the point radius to 4.8 pixels with explicit width and height from the window size.

SSatyaVineeth

92% match

Loading thumbnail…

ICE-6

This interactive scatter plot displays the Iris dataset, mapping petal length and width for each flower species. The visualization uses D3 v6 to load CSV data from a GitHub gist, with axes labeled to show sepal length and width. Each data point is rendered as a circle with a radius of five pixels, positioned using `scaleLinear` functions. The code applies D3's `selectAll` and `join` pattern to create and update SVG circle elements, while `axisLeft` and `axisBottom` generate the coordinate axes.

Ssaiteja0725

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

92% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and encoding species with distinct D3 symbol shapes. The visualization uses D3 scales, axes, and a reusable scatterPlot function to render SVG paths. Data loads asynchronously from a GitHub Gist CSV file, with numeric parsing applied to all flower measurements. The chart fills the browser window and applies a 100-pixel size to each symbol generator.

SSharanya1307

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

92% match

Loading thumbnail…

ICE 7 SCATTER PLOT

This interactive scatter plot visualizes the Iris dataset, displaying sepal and petal measurements for three flower species distinguished by color. The chart cycles through different measurement combinations on the x-axis every few seconds, while the y-axis remains fixed on sepal length. Built with D3.js v6, it uses d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and SVG path symbols to represent data points. Data loads from a CSV file using d3.csv, and the chart updates dynamically via setInterval.

Kkakumanusreya

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

91% match

Loading thumbnail…

ICE -7 Scatter Plot

This scatter plot visualizes the Iris Dataset across four numerical axes, cycling through them every second to reveal the relationships among sepal and petal measurements. It uses D3 v6 with a reusable chart pattern, mapping species to distinct colors and SVG symbols. The visualization demonstrates reusable chart architecture with d3.scaleLinear, d3.axisLeft, d3.axisBottom, d3.scaleOrdinal, and d3.symbol to render animated, multi-dimension comparisons.

GGogineni44

91% match