ICE6_Gayathri_ScatterPlot

100%

ICE6_Gayathri_ScatterPlot

✓ Published0🌍 Public

Last edited Mar 9, 2026

Created on Mar 9, 2026

This scatter plot visualizes the Iris flower dataset by plotting petal length against sepal length, with each flower represented by a purple, semi-transparent circle. The SVG visualization uses D3 v7’s `scaleLinear` to map the data values to coordinates along the x- and y-axes, which are labeled with the corresponding measurement names. The code fetches the CSV data from a GitHub gist via `d3.csv`, then appends the circles and axis text directly to the SVG element using D3’s selection and layout methods.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

90% match

Loading thumbnail…

ICE-6

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis against petal width on the y-axis, with each of the three species (setosa, versicolor, and virginica) colored green, brown, and blue respectively. It also encodes sepal length and width as the rx and ry attributes of each circle, though these do not affect the default circular shape due to a fixed radius. The code uses D3 v6 methods including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and render axes in an SVG. Data is fetched from a remote GitHub gist URL.

Aadapavaishnavi12

90% match

Loading thumbnail…

ICE-6 Scatter Plot using Iris datset

This visualization displays the Iris dataset in a scatter plot, showing the relationship between petal length (x-axis) and petal width (y-axis) for three flower species, which are color-coded red, green, and blue. The D3 v6 code loads CSV data from a GitHub gist, uses `scaleLinear` and `extent` to map the numeric ranges, and renders SVG circles with `selectAll` and `join`. Axis labels are added via `axisLeft` and `axisBottom`, with custom text elements for axis titles.

SShishiraRudrabhatla

90% match

Loading thumbnail…

ICE6 Scattered plot

This scatter plot visualizes the iris dataset, showing petal length on the x-axis and sepal length on the y-axis, with data points colored by species (black for setosa, red for versicolor, darkgreen for virginica). The visualization uses D3 v6 with React, rendering as SVG via d3.select and d3.scaleLinear for mapping the data. Axes are generated with d3.axisLeft and d3.axisBottom, while the CSV data is loaded asynchronously using d3.csv with custom parsing to convert numeric fields.

Hharika-1929

90% match

Loading thumbnail…

Scatter Plot - ICE6

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis, with each point colored by species (setosa, versicolor, or virginica). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render ticks. Circles are appended and filled via d3-selection, with hardcoded color values per species. The SVG spans the full window, and axis labels are added as text elements with rotated positioning.

RRaajithaSabbineni

90% match