Activity6_Task3_3.2

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length along the x-axis and petal length along the y-axis. The visualization uses distinct shapes to represent the three species of iris flowers, with a shape legend positioned to the right of the plot. Built with d3.v7, the code leverages d3.csvParse to load data from a GitHub repository, d3.scaleLinear for axis scaling, and d3.scaleOrdinal with d3.symbolsFill to assign different symbol types to each species. The SVG rendering includes custom axis labels and a shape legend created through d3 selection joins.

Mmaneeshraja47@gmail.com

Nnsairitwikreddy@gmail.com

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with the three species distinguished by different symbol shapes. A shape legend identifies each species, and the plot includes styled axes with labels. The visualization is built using D3 v7, employing `scaleLinear` for the x and y scales, `scaleOrdinal` with `symbolsFill` for the shapes, and the `csvParse` method to load data from a GitHub-hosted CSV file. The `axes` and `shapeLegend` modules handle the axis and legend rendering.

Rrishithagovini99@gmail.com

Activity6_Task3.2

This is a D3.js scatter plot that displays the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with points colored and shaped by species. The visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` to map species to distinct shapes, and `d3.symbol` to render the marker paths. It also includes a custom shape legend built with `d3.symbol`, and axes are generated using `d3.axisLeft` and `d3.axisBottom`. The data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `d3.csvParse`.

Bbudalavijay2001@gmail.com

Activity6_Task3.1

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

activity6_task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length on the axes while using different symbol shapes to distinguish between plant species. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to handle axes, scaling, and shape encoding. A custom legend is drawn using `shapeLegend`. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `csvParse`.

Ggketan456@gmail.com

Ss.harshinisai01@gmail.com

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length on the x-axis and petal length on the y-axis. Data points are drawn as different shapes corresponding to the three iris species, with a custom shape legend explaining the mapping. The code uses d3.csvParse to load the data and d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to encode values and shapes. Axes are generated with d3.axisLeft and d3.axisBottom, while the visualization updates dynamically as data loads via a simple state-based rendering pattern.

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length along the x- and y-axes while encoding species using distinct symbol shapes. The plot includes a custom shape legend and axis labels, with the data loaded from a remote CSV file. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, and `symbol` from the `d3` module to position points and generate shapes. Axes and legend are created through reusable local ES6 modules, `axes.js` and `shapeLegend.js`, which import functions like `axisLeft` and `axisBottom` from D3.

Hhaneesh@gctc.in

PPreethamreddyannavaram@my.unt.edu

Activity6_task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a distinct symbol shape and a legend labeling the species. The visualization loads the CSV data via fetch and d3.csvParse, then renders the plot using D3.js v7, constructing linear scales, ordinal shape encoding, and axes. The chart relies on reusable D3 modules for scatter plot rendering, axes, and a custom shape legend, with symbols generated via the d3.symbol and symbolsFill API.