Activity_6_Tutorial 3.1

Sshreshikaveerannagari@gmail.com

activity6_tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and petal width for individual flowers while coloring each point by species (setosa, versicolor, and virginica). The visualization uses D3 v6 to load the CSV data from a GitHub repository and render the scatter plot as an SVG, with linear scales for both axes and axis labels for petal length and sepal length. The code constructs circles with D3 joins, assigning distinct colors based on species categories, and includes left and bottom axes using D3's axis functions.

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, showing the relationship between petal length and petal width for three species, with each point colored by species (skyblue, lightgreen, or orange) and sized by sepal dimensions. The visualization uses D3 v6's `csv` loader to fetch data from a GitHub gist, then applies `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create scaled axes and map data coordinates to SVG circle elements. The chart renders within a full-window SVG, with green axis labels and a red title, highlighting species clusters across the petal measurements.

Ggnanendra097@gmail.com

Hhemanthdummy999@gmail.com

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and petal width on the y-axis. Each point’s color encodes the iris species (setosa, versicolor, or virginica), while the sepal length and width are additionally used to scale each circle’s rx and ry attributes, creating elliptical markers. The code loads CSV data via `d3.csv`, uses `scaleLinear` with `extent` to set domains, and renders the visualization as SVG circles with `d3.axisLeft` and `d3.axisBottom` for labeled axes.

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

Activity-6 Task3

This scatter plot displays the Iris dataset, mapping petal length and width for each flower specimen. Points are colored by species—setosa in skyblue, versicolor in lightgreen, and virginica in orange—while the circle radii are proportionally set to sepal length and width values. Using d3.csv to load the raw CSV from GitHub, the visualization applies d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for tick marks, and d3.select with data joins to render SVG circles. Axis labels indicate petal length and sepal length.

Hharshaps15@gmail.com

Activity6_Tutorial3.1

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, virginica). The visualization uses D3 v6 and SVG rendering, loading data from a remote CSV via `d3.csv` and scaling coordinates with `d3.scaleLinear`. Circles are drawn with `selectAll` and `join`, with axes generated by `d3.axisLeft` and `d3.axisBottom`, accompanied by rotated axis labels.

Ddandudivya98@gmail.com

Cchowdaryhemanth14@gmail.com

Activity_6_Tutorial_3.1

A scatter plot of the Iris dataset shows sepal length on the x-axis versus petal length on the y-axis, with each of the three species distinguished by color. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for species colors, and `d3.axisBottom`/`d3.axisLeft` for tick marks. Data is loaded asynchronously from a local CSV via `d3.csv`, and circles represent individual observations across 150 flowers.

Vvidiyalasahithi1999@gmail.com

activity6_tutorial

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while coloring points by species (setosa, versicolor, and virginica) with distinct fill colors. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub gist, `scaleLinear` for axis scaling, and `axisLeft`/`axisBottom` for labeled axes. Circles are rendered via SVG with a fixed radius, and additional attributes like sepal dimensions are bound to each mark but not visually encoded.