Activity6_Task - 3.1

100%

Activity6_Task - 3.1

✓ Published1🌍 Public

Last edited Apr 3, 2025

Created on Apr 3, 2025

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width to the x and y axes while encoding species identity through point color (setosa in skyblue, versicolor in lightgreen, and virginica in orange). Built with D3 v6 and rendered as SVG, the visualization downloads the CSV data directly from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, and `d3.axisBottom` to construct scales and axes. The code calculates geometry dynamically based on the browser window size and applies distinct styling to axis labels, which are rotated and colored green.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the classic Iris dataset, mapping petal length and width for each sample point. The visualization encodes the three Iris species—setosa, versicolor, and virginica—using distinct colors (skyblue, lightgreen, and orange), with each circle’s radius fixed at 5 pixels. Built with D3 v6, it loads the dataset via `d3.csv`, scales both axes with `d3.scaleLinear`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output displays labeled axes for petal length and width, with data points positioned using the `selectAll` and `join` pattern.

Llingaladineshteja23@gmail.com

95% match

Loading thumbnail…

Activity6_Task3

This scatter plot displays the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis, with each point colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The visualization uses D3 v6’s `csv` loader to fetch data from a remote URL, then employs `scaleLinear` and `extent` to compute scales and axes, rendered as SVG circles with width and height derived from the window dimensions. Axis labels are added via `svg.append` and rotated text.

Nnumitha

95% match

Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for each sample and coloring the data points by species (setosa, versicolor, virginica). It uses D3 version 6's `csv` loader to fetch the data from a GitHub raw URL, then employs `scaleLinear` for scaling, and the `axisLeft` and `axisBottom` APIs to render the axes. The visualization is drawn as SVG circles onto the full browser window, with a red title and green axis labels.

Kkondaveeti.bhargavi7780@gmail.com

94% match

Loading thumbnail…

Activity6_Task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width for individual flowers. Points are colored by species—sky blue for setosa, light green for versicolor, and orange for virginica—using D3.js v6. The code loads CSV data from a GitHub repository and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to create the axes. It renders as an SVG, with circles positioned by the scaled petal measurements and styled via a switch statement on the species field. The plot includes custom axis labels in green.

Bbhargavr016@gmail.com

94% match

Loading thumbnail…

Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while using colored circles to distinguish between the three iris species: setosa, versicolor, and virginica. The visualization renders as an SVG using D3.js v6, specifically leveraging `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft`. It loads the dataset from the provided GitHub repository via a URL, defines custom margin and radius values, and scales the data accordingly. The plot includes green axis labels for “Petal_Length” and “sepal_Length”, with the axes styled with large tick text.

Mmaneeshraja47@gmail.com

94% match

Loading thumbnail…

Activity_6_Task_3

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x and y axes, with points colored by species (setosa, versicolor, virginica). It uses D3 v6's `scaleLinear`, `extent`, `csv`, and `axisLeft`/`axisBottom` APIs to load data from a GitHub-hosted CSV, compute scales, and render an SVG with circular markers whose fill colors are assigned via a switch statement based on the species field.

AAbrarb702@gmail.com

94% match

Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. It also encodes sepal length and width as additional properties per circle. Built with D3 v6, the code uses `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and SVG circle elements. Data is loaded from a remote GitHub CSV, with axes and labels rendered into a full-window SVG.

Nnikhilthoutu24@gmail.com

94% match

Loading thumbnail…

Activity6_Task3.1

This interactive scatter plot visualizes the Iris dataset, mapping petal length and width for individual flowers with colors denoting species (setosa, versicolor, virginica). Built with D3.js v6, it loads CSV data from a GitHub repository, then uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and plot circles. Additional attributes store sepal measurements, though only petal dimensions are rendered. The SVG output is styled with green axis labels and a red title.

RRukmini Devi Y

94% match