Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Oct 20, 2024
Created on Oct 20, 2024

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity_6_Tutorial 3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with points shaped according to species. The visualization includes labeled axes and a shape legend for the three species categories. Built with D3 v7, the code creates linear scales, applies an ordinal color shape scale using `symbolsFill`, and renders SVG symbols via `symbolGenerator`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse` before being passed to the chart.

HHarsha vardhan reddy Yarmareddy
96% match
Loading thumbnail…

Activity 6 Tutorial 3.2

A scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, while encoding species with different point shapes via d3.scaleOrdinal and d3.symbol. A custom shape legend, built with d3.symbol, displays the species categories. The code uses d3.csvParse for data loading, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for tick rendering. Axes and legend labels are positioned manually, with the plot resizing to the full browser window.

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

Activity6_tutorial3.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. Each point is rendered as a different shape (circle, square, triangle, etc.) based on the iris species, with a legend explaining the shape-to-species mapping. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate custom path shapes. Data is loaded as CSV from a GitHub repository and parsed with `csvParse`, while axis and legend components are built using `axisLeft`, `axisBottom`, and reusable selection patterns.

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
94% match
Loading thumbnail…

Activity6_Tutorial3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length and using distinct symbol shapes to encode the species of each flower. A custom legend explains the shape-to-species mapping, with axes labeled accordingly. The visualization is built with D3 v7, using `scaleLinear` for the x and y positions and `scaleOrdinal` with `symbolsFill` for the categorical shapes. Data is loaded remotely as CSV and parsed with `csvParse`, while the chart, axes, and legend are composed from modular functions that manipulate SVG selections.

Vvarmanithish5@gmail.com
94% match
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…

Activity6 Tutorial 3.2

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length. The visualization encodes the species of each iris flower using different shape markers, with a legend positioned on the right side. The code uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft and d3.axisBottom for axis rendering. Data is loaded asynchronously via CSV fetch and parsed with d3.csvParse before being displayed.

Nnissisharon61@gmail.com
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