Ice 6 Scatter Plot

100%

Ice 6 Scatter Plot

✓ Published0🌍 Public

Last edited Mar 8, 2026

Created on Mar 8, 2026

This scatter plot visualizes the relationship between petal length and sepal length for Iris flowers, with each black circle representing a sample from the dataset. The chart uses D3 v6’s `csv` loader to fetch the Iris dataset from a GitHub gist, then applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map values and render axes. SVG circles are positioned via `attr('cx')` and `attr('cy')`. Axis labels and a bold title clarify the variables, while the plot fills the entire browser window using `window.innerWidth` and `window.innerHeight`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Ice6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while encoding sepal dimensions through each circle’s horizontal and vertical radius. Points are colored by species (blue, purple, or cyan) using D3’s `scaleLinear`, `axisLeft`, and `axisBottom`. The SVG is rendered full-screen, with data loaded asynchronously via `d3.csv`.

Ppeesarie

93% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot shows the relationship between petal length and sepal length for 150 iris flowers, with each flower represented as an orange circle. Built with vanilla HTML and D3 v6, the visualization uses `d3.scaleLinear` to map the data ranges to SVG coordinates, and `d3.axisLeft` and `d3.axisBottom` to render labeled axes. The data is loaded asynchronously from a remote CSV file via `d3.csv`, and the plot fills the browser window. The code explicitly sets axis text to 30 pixels for readability.

MManasaPatange

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

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…

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

This scatter plot visualizes the Iris dataset, mapping petal length and width as x/y coordinates while encoding sepal length and width in each point’s `rx` and `ry` attributes, with species indicated by color (violet, pink, or a square symbol). The D3 v6 code loads data via `d3.csv`, scales it with `d3.scaleLinear`, and renders SVG circles using `d3.symbol` for the setosa class. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, with custom text labels for petal length and sepal length.

SSweetierams

91% match

Loading thumbnail…

ICE 6, task 2 - Scatter Plot Using Iris dataset

This scatter plot displays the relationship between petal length and sepal length for 150 iris flowers, using the classic Iris dataset loaded from a GitHub gist as CSV. Each flower is represented as a circle positioned by d3.scaleLinear scales mapping the data attributes to SVG coordinates. The visualization builds axes using d3.axisLeft and d3.axisBottom, with labels added as SVG text elements. The code applies D3 v6’s csv parsing with a custom row conversion function, dynamically sizes the SVG to the window, and styles tick labels via CSS.

Ssandeep-gollamudi

91% match