Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published0🌍 Public
Kkoushikkumarreddykoorapati@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025

A scatter plot of Iris flower measurements uses sepal length on the x-axis and petal length on the y-axis, with species encoded by shape in a custom legend. The visualization renders SVG marks via the D3 v7 API, using `scaleLinear` and `scaleOrdinal` for positioning and shape encoding, plus `symbol` and `symbolsFill` for point glyphs. The code loads the Iris dataset from a GitHub-hosted CSV, parses it with `csvParse`, and applies a join-based declarative rendering pattern for axes and marks.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three species of iris flowers. Each flower is represented by a distinct geometric shape (circle, square, or triangle) based on its species, with a shape legend in the upper right corner for reference. The visualization is built using D3.js v7 with a modular approach, leveraging `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for axis rendering and legend construction. The data is loaded from a remote CSV file and parsed using `d3.csvParse`.

BBharath Vupputuri
94% match
Loading thumbnail…

Activity 6 tutorial 3.2

This scatter plot visualizes Iris flower measurements, plotting sepal length against petal length, with points colored and shaped according to species. The visualization loads its data from a CSV file fetched from GitHub and renders using D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs. Interactive axes and a shape legend are generated via custom `axisLeft`, `axisBottom`, and legend functions, while the chart updates dynamically as data is parsed and state changes are processed through `csvParse` and `setState`.

BBamanGayathri
94% match
Loading thumbnail…

Activity 6 Tutorial 3.2

This scatter plot uses the classic Iris dataset to show the relationship between sepal length and petal length, with different symbols distinguishing the three iris species. The visualization is built using D3.js v7, leveraging `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to distinct shapes, and a custom shape legend. The code imports specific D3 modules like `axisLeft`, `axisBottom`, and `symbol` to render the plot, while the CSV data is fetched from a GitHub repository and parsed with `csvParse`.

RRukmini Devi Y
94% match
Loading thumbnail…

Activity 6 Tutorial 3.2

This example shows a scatterplot of the Iris flower dataset, plotting sepal length against petal length while encoding species with different point shapes. The visualization includes labeled axes and a shape legend identifying each species. The code uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks, with axes and legend built through reusable functions. Data is loaded asynchronously from a GitHub-hosted CSV and parsed using `csvParse`.

Ssharanyabobbala@my.unt.edu
94% match
Loading thumbnail…

Activity 6 Tutorial 3.2

A scatter plot of the Iris dataset displays sepal length against petal length, with each species represented by a distinct symbol shape and a legend labeling the three species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a CSV file via `fetch` and `csvParse`, with axes, marks, and legend rendered through reusable module functions.

Nnikhilapogula@my.unt.edu
94% match
Loading thumbnail…

Activity 6_tutorial_3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Each point’s shape encodes the species, with a custom legend positioned at the top right. The visualization uses d3.v7 with `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to render marks, plus `axisLeft` and `axisBottom` for labeled axes. Data is loaded asynchronously from a remote CSV file via `csvParse` and rendered in a full-window SVG.

Cchandrikachowdary867@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial3.2

This scatter plot uses D3 v7 to visualize the Iris dataset, plotting sepal length against petal length. Each flower is rendered as a shape-coded path marker, with the species determining the symbol type via a d3.symbol generator and ordinal scale. A custom axes module adds labeled x and y axes using d3.axisLeft and axisBottom, while a shape legend provides a key for species, positioned on the right. Data is fetched as CSV and parsed with d3.csvParse.

Vvenkatdinesh5010@gmail.com
94% match
Loading thumbnail…

Activity6_tutorial3.2

This scatter plot shows the relationship between sepal length and petal length for Iris flowers, with each species represented by a distinct shape in a custom legend. The visualization uses D3 v7's `scaleLinear` and `scaleOrdinal` to map measurements and categorical species, while the `symbol()` generator draws the shape marks. Data is loaded from a remote CSV file via `fetch` and `csvParse`, then parsed into numeric fields. Axes and labels are created using custom `axisLeft` and `axisBottom` functions from D3's `d3` module, and the shape legend is built dynamically with positioned `path` and `text` elements.

Aamulyareddykondru01@gmail.com
93% match