Activity 8_Task 3.2 Tutorial

Ccharankumarreddyveeramreddy@my.unt.edu

Activity 6_Task 3.2 Tutorial

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length. Different species are represented by distinct D3 symbols, such as circles and crosses, with a legend annotating each shape. Built with D3 v7, it uses `csvParse` to load data and `scaleLinear` for axes. The code generates the plot using reusable modules for rendering axes (`axisLeft`, `axisBottom`) and the shape legend, with rendering triggered by a simple state-based update cycle.

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy

Activity 6 Task 3 Tutorial 3.2

This scatter plot displays sepal length against petal length for the Iris dataset, with each of the three species represented by a distinct symbol shape and a legend. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data to positions and shapes. Data is loaded via `d3.csvParse` from a remote CSV file, and the chart includes labeled axes and a shape legend positioned at a fixed coordinate.

Aabjalshaik02@gmail.com

Mmounikakatipally995@gmail.com

Activity 6 Task 3 Tutorial 2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a different symbol shape and a corresponding legend. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values to positions and categorical shapes. The code loads CSV data via `csvParse` and renders axes with `axisLeft` and `axisBottom`, while the legend is generated with a custom `shapeLegend` function.

Kkowshiksamudrala08@gmail.com

Activity6_Task3-2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by different filled symbols. The chart includes a shape legend and labeled axes, rendered using D3 v7 with a custom scatterplot module that relies on `scaleLinear` for the axes and `scaleOrdinal` for the symbol mapping. Data is loaded asynchronously from a CSV file, and the visualization updates dynamically as the data state transitions from loading to parsed.

Ssindhuja27b@gmail.com

Vvandanakosuri@my.unt.edu

Activity-6(Task3(1))

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each point’s shape representing the species of iris. The implementation uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom legend, built with `symbol().type()`, identifies each species by its corresponding shape. Data is loaded asynchronously from a CSV file and parsed using `csvParse`.

Activity 6_Task-3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a unique symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shape encoding, and d3.symbol to render the marks. Axes and labels are drawn via custom functions. Data is loaded asynchronously using d3.csvParse from a remote CSV file, and the plot updates responsively to the window size.

Rrajkodavati7@gmail.com