Activity 6 Tutorial 3

activity6_tutorial3

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for each sample while coloring points by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange markers. The D3.js v6 code loads CSV data from a remote GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct axes and position circles in an SVG. The visualization includes rotated axis labels for petal length and sepal length, with a fixed radius of 5 pixels for each circle.

1188r1a0559@gmail.com

activity6_tutorial3

1188r1a0559@gmail.com

Yyadlapallisaisathvik@gmail.com

Activity6 Tutorial3

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with points colored by species (setosa, versicolor, and virginica). It renders as an SVG using D3 v6, employing `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load data, map scales, and draw axes. The code also applies a custom marker function to assign species-specific colors to each circle. Data is sourced from a raw GitHub CSV file, with page-filling dimensions based on `window.innerWidth` and `window.innerHeight`.

Kkoushikkumarreddykoorapati@my.unt.edu

Activity 6 Tutorial 3.1

This scatter plot visualizes the Iris dataset, showing petal length on the x-axis and petal width on the y-axis, with each dot colored by species (skyblue for setosa, lightgreen for versicolor, orange for virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select`, with circles sized by a fixed radius but also encoding sepal dimensions via the `rx` and `ry` attributes. Data loads from a GitHub-hosted CSV file, and axes are labeled with rotated text.

Sshettisowmya01@gmail.com

Activity 6_Task 3.1_Tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width as the x- and y-axes, with each point colored by species (setosa, versicolor, or virginica). D3 v6 loads the CSV via `d3.csv`, and uses `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom` to render axes. Circles are drawn with SVG, and their radii are fixed, but the `rx` and `ry` attributes are set to sepal length and width, creating elliptical markers. Data is sourced from a GitHub-hosted CSV file.

Aanisha.peddireddy@gmail.com

Activity 6 Task 3.1

This scatter plot visualizes the Iris dataset by mapping petal length and width, with points colored by species (setosa, versicolor, and virginica) via a custom marker function. The SVG rendering uses d3.v6's scaleLinear, axisLeft, and axisBottom to position axes, while circles are appended and joined to data. The dataset loads from a raw GitHub CSV, and axis labels appear rotated for petal length and horizontally for sepal length, though size attributes like rx and ry do not visibly affect the circles.

Ssharanyabobbala@my.unt.edu

Activity 6 Tutorial 3.1

This example visualizes the Iris dataset with a scatter plot comparing petal length against petal width, coloring points by species (setosa, versicolor, virginica) in skyblue, lightgreen, and orange. The code loads CSV data via d3.csv, then uses scaleLinear, extent, axisLeft, and axisBottom to map values and render axes in SVG. Circles are positioned using cx/cy attributes, with additional rx/ry properties derived from sepal measurements. Axis labels are rotated and styled using d3 selections.

Kkaringusathwika@gmail.com

Activity 6 tutorial 3-1

This scatter plot visualizes the Iris dataset, mapping petal length and width for each flower sample. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange markers. The visualization loads CSV data from a GitHub gist, parses it, and builds a D3 v6 SVG chart with `d3.scaleLinear`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for DOM manipulation. Axis labels are added for petal dimensions, while the viewport uses `window.innerWidth` and `window.innerHeight` for sizing.