Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published0🌍 Public
RRukmini Devi Y
Last edited Oct 24, 2024
Created on Oct 23, 2024

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, showing sepal length against petal length with each species represented by a distinct symbol. The visualization uses D3.js v7 APIs including scaleLinear, scaleOrdinal, and symbol to create the plot, with axes imported from the d3-axis module. A custom shape legend displays the species mapping using D3's symbol generator. The data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse, with careful number coercion for numeric columns.

Vvenkatdinesh5010@gmail.com
95% 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
95% match
Loading thumbnail…

Activity 6 Task 3.2

A scatter plot of the Iris dataset displays sepal length versus petal length, with points shaped by species. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values and render distinct mark types, while a custom legend explains the shapes. Axes are drawn with `axisLeft` and `axisBottom`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse`.

RRukmini Devi Y
95% match
Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct marker shapes. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` within `scatterPlot.js` and `shapeLegend.js` to render the marks and a custom legend. Axes are drawn using `axisLeft` and `axisBottom`, and data is fetched as CSV and parsed with `csvParse`. The plot updates in response to window resizing, using SVG for rendering.

Cchinnivikramnunna@gmail.com
94% match
Loading thumbnail…

Activity 6 Tutorial 3.2

This example shows a scatter plot of the classic Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species differentiated by a distinct symbol shape. The visualization includes a custom legend that maps species names to their corresponding symbols. The code uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, and `symbol` to generate the marks, while a modular `axes` function adds labeled axes. Data is loaded asynchronously from a GitHub-hosted CSV file using `csvParse`, and the plot is rendered into a full-window SVG.

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

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.

Mmounikakatipally995@gmail.com
94% match
Loading thumbnail…

Activity_6_tutorial3.2

A scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each species represented by a distinct shape (circle, square, etc.). The plot includes axes with labels and a legend identifying the species categories. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data values to positions and shapes, while the `axes` and `shapeLegend` components construct the chart and legend. Data is loaded from a remote CSV file and parsed with `csvParse`.

VVarunKumarKambhampati@my.unt.edu
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