Activity 6_Task 3.2_Tutorial

Activity6_Task3_Tutorial 3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three flower species distinguished by different filled symbols. The visualization uses an ordinal scale with D3’s `symbolsFill` to assign shapes to species and includes a custom legend via `shapeLegend`. Axes are generated using `d3.axisLeft` and `d3.axisBottom`, with data loaded asynchronously from a GitHub CSV and parsed by `d3.csvParse`. The plot renders within a full-window SVG.

Nnavyabade05@gmail.com

Kkandulasunny17@gmail.com

Activity6_Task3(Tutorial-3.2 )

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species indicated through distinct symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol()` to map data values to positions and shapes. It features axes with labels via `axisLeft` and `axisBottom`, plus a custom shape legend positioned within the chart. Data is loaded from a CSV file hosted on GitHub, parsed with `csvParse`, and rendered using SVG paths generated by D3's symbol generator.

Activity 6 Task-3.2

A scatter plot displays Iris flower measurements, mapping sepal length along the x-axis and petal length along the y-axis, with each species distinguished by a different symbol shape from the `symbolsFill` scale. The example uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, plus custom local ES6 modules for axes and a shape legend. Data loads asynchronously from a remote CSV file via `fetch` and `csvParse`, with numeric fields coerced for plotting.

Kkesava

Activity 6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy

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

Activity6_Task3.2

This example shows an interactive scatter plot of iris flower measurements, mapping sepal length against petal length with species indicated by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to construct the plot and its legend. Data is loaded asynchronously from a remote CSV file using `csvParse` and fetched via the Fetch API, with numeric fields coerced to numbers. The chart displays three shapes from `symbolsFill`, with axes labeled and a custom shape legend positioned within the SVG.

AAreeba Hassan

Activity6_Task3.2

This example demonstrates a scatter plot of iris flower measurements, encoding sepal and petal length on the axes and using different symbols to distinguish species. It loads the Iris dataset from a GitHub-hosted CSV file and parses it with `d3.csvParse`. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and modular ES6 imports for reusable axes and legend components. The legend is rendered with `d3.symbol` positioned at a fixed coordinate within the SVG canvas.

KKhushi Desai

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.