T8 Q3 tutorial

Ttallurisaiteja96@gmail.com

Task-8(Tutorial-3)

This example renders a scatter plot of the Iris dataset, mapping petal length and width to the x- and y-axes while coloring each point by species (setosa, versicolor, or virginica). The SVG visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV file, compute scales, and draw circles with a fixed radius. Axis labels are added as rotated text elements, and the chart fills the browser window with explicit margins.

Task8 T3

This visualization shows the Iris dataset as a scatter plot, mapping petal length on the x-axis and petal width on the y-axis. Points are colored by species (setosa, versicolor, and virginica) using skyblue, lightgreen, and orange. The code uses D3 v6 with `d3.csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load and render the data as SVG circles. The axes are labeled, and the data source is a remote GitHub gist containing the iris measurements.

Ssruthimreddy6@gmail.com

Cchintamanenithp@gmail.com

Tutorial3.1

This example uses D3 v6 to create a scatter plot of the Iris dataset, loaded via CSV from a GitHub repository. It visualizes petal length on the x-axis and petal width on the y-axis, with circles colored by species (setosa, versicolor, virginica) using skyblue, lightgreen, and orange. The code employs `d3.csv` for parsing, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` for scales and axes. The SVG rendering uses `select` and `join` to bind data to circle elements.

Task-8

This example visualizes the Iris dataset with a scatter plot, mapping petal length and width on the x- and y-axes while coloring each point by species (setosa, versicolor, and virginica). It uses D3 v6’s `csv`, `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` APIs to load data, position circles, and render axes as SVG, with data sourced from a GitHub-hosted CSV. Colors are assigned via a switch statement, and axis labels are added as SVG text elements.

Ppraneeth7222@gmail.com

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

Task 8 tutorial 3

This scatter plot visualizes the Iris dataset, distinguishing three flower species with colored circles: skyblue for setosa, lightgreen for versicolor, and orange for virginica. The chart plots petal length on the x-axis and petal width on the y-axis, while also encoding sepal length and sepal width as non-standard circle attributes. Built with D3 v6, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map data values to SVG coordinates. The code loads CSV data from a GitHub gist and renders circles with fixed radius of 5 pixels on an SVG canvas.

Vvchittimadha@gmail.com

Ttallurisaiteja96@gmail.com

Task-8(Q3)

This example displays a scatter plot of the Iris dataset, visualizing petal length against petal width with points colored by species (setosa, versicolor, virginica). The visualization uses D3 v6 to load CSV data, map values through `scaleLinear` and `extent`, and render SVG circles. Axes are generated with `axisLeft` and `axisBottom`, with labels rotated via `transform`, and the chart fills the browser window using `window.innerWidth` and `innerHeight`.