Activity 6_Task 3.2

100%

Activity 6_Task 3.2

✓ Published1🌍 Public

PPreethamreddyannavaram@my.unt.edu

Last edited Apr 5, 2025

Created on Apr 5, 2025

This example presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct point shapes. The visualization is rendered as an SVG that fills the browser window, using D3 v7’s scaleLinear for axes, scaleOrdinal for shape mapping, and symbol generators for markers. Data is loaded asynchronously from a remote CSV file, parsed with csvParse, and refreshed via a state-based render loop.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

PPreethamreddyannavaram@my.unt.edu

95% match

Loading thumbnail…

Activity6_task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for each flower specimen. The visualization uses symbols to differentiate species, with a shape legend identifying each category. Built with D3 v7, the example demonstrates ES6 module imports, including `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft` and `axisBottom` for chart scaffolding. The data is fetched from a remote CSV source and parsed client-side before rendering.

PPreethi Medepalli-91

94% match

Loading thumbnail…

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

94% match

Loading thumbnail…

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.

Bbudalavijay2001@gmail.com

94% match

Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species using different D3 symbol shapes, with a legend for the shapes. The visualization loads data from a remote CSV file via `fetch` and `csvParse`, then uses `scaleLinear`, `scaleOrdinal`, and `symbol` to map data to positions and shapes. It builds the chart using `svg.call` with reusable modules for axes and legend, and updates dynamically through a state-based render loop.

Ssrilekhasridasyam@my.unt.edu

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with points shaped according to species. It renders vector graphics in an SVG canvas, loading data from a remote CSV via `fetch` and parsing it with `d3.csvParse`. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `extent`, `symbolsFill`, and `symbol()` to position marks and generate shapes, while `axisLeft` and `axisBottom` from `d3` draw the axes. A custom legend displays the species-to-shape mapping.

Aanish6005@gmail.com

93% match

Loading thumbnail…

Activity6_task3

This scatter plot visualizes the Iris dataset, mapping petal length and width as the primary axes while encoding sepal dimensions through each circle’s horizontal and vertical radii. Three species—setosa, versicolor, and virginica—are distinguished by colored circles (skyblue, lightgreen, and orange). The visualization loads CSV data via `d3.csv` from a GitHub raw URL, parses numeric fields, and renders SVG circles using `d3.scaleLinear`, `d3.extent`, and `d3.axisLeft`/`d3.axisBottom`. It demonstrates D3 v6 module imports, dynamic window sizing, and direct SVG manipulation with `selection.join`.

PPreethi Medepalli-91

93% match