Activity6_Task3

GGangumalla Ruchitha Reddy

Activity6_Task3

This example displays a scatter plot of the Iris dataset, visualizing petal length and width relationships while encoding species type through color-coded circular markers. It loads data from a GitHub-hosted CSV and renders SVG circles using D3 v6's scaleLinear, axisLeft, and axisBottom APIs. Each circle’s fill color maps to the iris species (setosa, versicolor, or virginica), with axes labeled for petal and sepal measurements. The visualization occupies the full browser window and includes styled axis text and a red title.

Gganeshseeram5decem@gmail.com

Activity6_Task3

This example displays the classic Iris dataset as an SVG scatter plot, using D3 version 6 to map petal length and width along the axes while coloring circles by species. It loads data from a remote CSV file and uses `d3.csv` for parsing, `d3.scaleLinear` for scales, and `d3.axisLeft`/`axisBottom` for ticks. Each circle’s fill is determined by a switch function, and sepal measurements are set as `rx` and `ry` attributes, though the radius remains constant. The visualization fills the viewport and applies custom axis labels and styling.

KKondreddy Saikiran reddy

Activity6_Task3.2

This visualization renders the classic Iris dataset as a scatter plot, using D3 v6 to map petal length and petal width on the x- and y-axes. Each circle’s fill color encodes the iris species (setosa, versicolor, or virginica) via a switch statement, while the circle’s rx and ry attributes are set but not visually distinct since the radius is fixed. The code loads CSV data from a GitHub gist, applies linear scales with `d3.scaleLinear` and `d3.extent`, and draws axes with `d3.axisLeft` and `d3.axisBottom`, all rendered as SVG elements in the browser window.

Activity 6_task 3

This example displays the Iris dataset as a scatter plot in an SVG rendered with D3.js. It plots petal length on the x-axis and petal width on the y-axis, while encoding species types—setosa, versicolor, and virginica—through distinct fill colors (skyblue, lightgreen, and orange). The code uses `d3.csv` to load the remote dataset, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for the tick marks. Circle positions are computed via `scaleLinear` ranges derived from the data extent, and the circles are appended dynamically using `.join('circle')`. No interactive behavior is shown.

HHarshita Vairagade

Sshettisowmya01@gmail.com

Activity6_Task3

This example displays the Iris dataset as an SVG scatter plot, coloring each point by species (skyblue, lightgreen, or orange) and mapping petal length and petal width to the x- and y-axes. It uses d3.csv to load the data, d3.scaleLinear and d3.extent for scales, and d3.axisLeft/axisBottom for labeled axes. The code appends circles via d3.selectAll().data().join(), setting separate radii and positions, though the mark also stores sepal dimensions without plotting them. The visualization fills the browser window, with green axis labels for petal length and sepal length.

Rrahulnathmukkolla@gmail.com

Activity -6 Task 3

This example displays the classic Iris dataset using a scatter plot to visualize the relationship between petal length and petal width, with each of the three species color-coded (skyblue, lightgreen, orange). The visualization loads CSV data directly from a GitHub repository using d3.csv, maps the data to screen coordinates with d3.scaleLinear, and renders circular markers as SVG elements. Axis labels are added for both dimensions, and the layout adapts to the full browser window size. The code relies on D3 version 6.7.0 for data parsing, scales, and SVG generation.

Ssaibharath7thota@gmail.com

Activity6_task3

This scatter plot visualizes the Iris dataset, showing petal length against petal width, with each circle colored by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom`, loading data from a GitHub-hosted CSV file. Scales map the data domain to pixel ranges, while circles are joined via `selectAll` and `join`. Axis labels and colored points are rendered in a full-window responsive layout.

Activity6_Task3

This example builds a scatter plot from the Iris dataset, displaying petal length against petal width while coloring each point by species (setosa, versicolor, or virginica). The visualization uses d3.csv to load data from a GitHub-hosted CSV file and renders circles as SVG elements with d3.scaleLinear for both axes, d3.axisLeft, and d3.axisBottom for tick marks. Circle fill colors are assigned via a JavaScript switch statement, with additional attributes like sepal dimensions mapped to circle properties, though these do not affect the visual size or shape.

PPradhyumna Poralla