ICE-6 Scatter Plot.

100%

ICE-6 Scatter Plot.

✓ Published0🌍 Public

Last edited Oct 17, 2025

Created on Oct 16, 2025

This scatter plot visualizes the sepal length and sepal width measurements from the Iris dataset. Each data point is represented as a purple circle, plotted using D3 v7's `scaleLinear` and `extent` functions to map the numeric values to the SVG canvas. The chart includes labeled x and y axes, created with `axisBottom` and `axisLeft`, and is rendered as an SVG. The data is loaded from a local `iris.csv` file using D3's `csv` method.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between sepal length and sepal width in the classic Iris dataset, using purple semi-transparent points. The visualization is built with D3.js v7, loading data from a remote CSV via `d3.csv` and rendering to an SVG canvas. The code utilizes `d3.scaleLinear` with `d3.extent` for axis scaling, positions circles with `cx` and `cy` attributes, and adds labeled axes and a title through `d3.axisBottom` and `d3.axisLeft`.

Jjanisha30gowda@gmail.com

96% match

Loading thumbnail…

ICE6 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, displaying measurements of sepal and petal dimensions for three flower species. The visualization encodes each data point as a colored circle, with distinct hues representing Iris-setosa, Iris-versicolor, and Iris-virginica, alongside a legend and axis controls. Built with D3 v7, the code uses `d3.scaleLinear` for coordinate mapping, `d3.extent` for domain calculation, and an `axisBottom`/`axisLeft` configuration to render the plot’s axes. Data is loaded from the included `iris.csv` file, with points positioned using `xScale` and `yScale` transforms within a predefined margin layout.

PPlatoch

92% match

Loading thumbnail…

ICE6 Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length versus sepal length for 150 flower samples. The visualization uses D3 v4 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded from a CSV file using `d3.csv`, with axis labels and margins configured for readability. The plot shows a clear positive correlation between the two measurements, with points clustering into distinct groups based on flower species.

PPlatoch

91% match

Loading thumbnail…

ICE-6 ScatterPlot (Dhanusree Kodali)

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while encoding species with distinct colors. Points are rendered as SVG circles using D3 v6’s scaleLinear, extent, axisLeft, axisBottom, and join methods. The visualization also stores sepal measurements as additional properties on each mark, though they are not displayed. Data is loaded asynchronously via d3.csv from a GitHub-hosted CSV file, with axes labeled and styled through D3’s selection API.

DDhanusree Kodali

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

91% match

Loading thumbnail…

ICE_6_scatter_plot

This scatter plot visualizes the Iris Dataset, showing sepal length on the x-axis and petal length on the y-axis across three species of iris flowers. Each species is represented by a unique color, with a color legend identifying the categories. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, `axisLeft`, `axisBottom`, and `selection.join` to render the plot, axes, and legend. Data is loaded and parsed from a CSV file using `csvParse` and fetched asynchronously.

Nnikhilagopi

91% match

Loading thumbnail…

ICE-6_ Plot-Scatterplot

This visualization shows the relationship between sepal length and petal length in the Iris dataset, with each flower represented as a semi-transparent red circle. The code uses d3.csv to load the data, determines the plot dimensions from the browser window, and maps values using d3.scaleLinear with d3.extent for domain ranges. Axes are rendered with d3.axisLeft and d3.axisBottom, while d3.selectAll and the join method create the SVG circles. The axis and label text styling comes from the linked stylesheet, which also sets the circle opacity.

Sskambhore04

91% match

Loading thumbnail…

ICE-6 Scatter Plot Graph

This scatter plot visualizes the Iris dataset, mapping petal length and width to positions while encoding sepal dimensions through the circles’ cx and cy attributes, which are incorrectly set to raw sepal values rather than scaled coordinates. Each of the three species appears as a distinct color: yellow for setosa, blue for versicolor, and red for virginica. Built with D3 v6, it uses `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, set scales, and render SVG circles and axes. The code relies on an external CSV source and sets a fixed radius of 5 pixels for all points.

AArruSkywalker

91% match