Skip to main content
SimilarExport ZIP
100%

Activity 7 Scatter Plot with Shape

✓ Published0🌍 Public
Mmandadi1999
Last edited Jul 17, 2023
Created on Jul 17, 2023

This scatter plot displays sepal length versus petal length for iris flowers, using distinct shapes to encode the species of each sample. Data is loaded from a remote CSV file and parsed with `d3.csvParse`. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` to map species to symbols, and `d3.symbol` to generate the shape paths. A legend is rendered manually to identify each species shape.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 7 - Scatter Plot with Shape

This scatter plot displays the relationship between sepal length and petal length in the Iris dataset, with species encoded through distinct point shapes. The visualization uses D3 v7 to load data from a GitHub-hosted CSV file and applies d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape mapping, and a custom shape legend. Points are rendered as SVG paths using d3.symbol, while axes and labels are generated via custom axis functions.

Ppasyasahas
95% match
Loading thumbnail…

Activity7 Fork of Scatter Plot with Shape

This scatter plot displays the Iris dataset, mapping sepal and petal lengths on the x and y axes while using different shapes to distinguish the three species. The visualization loads data from a remote CSV file and uses D3 v7 APIs including `csvParse`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to render the marks. A custom shape legend, built with `symbol` and `shapeLegend`, shows the species-to-shape mapping, while axes are added using `axisLeft` and `axisBottom`. The chart updates dynamically when the data is fetched and parsed.

SSharankumar02
92% match
Loading thumbnail…

Fork of Scatter Plot with Shape - Activity7-4

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three iris species. Each species is represented by a distinct geometric shape, with a legend positioned on the right identifying the corresponding labels. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.symbol to generate the SVG path marks. Data is loaded via CSV parsing and rendered using the d3.v7 library's selection and join methods.

VVinay Vemuri
91% match
Loading thumbnail…

Activity7_task4_shape

This scatter plot visualizes iris flower measurements, encoding sepal length on the x-axis, petal length on the y-axis, and species as different symbol shapes. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks. A custom legend built with `shapeLegend` displays the species-to-shape mapping, while the `axes` module adds labeled axes. Data is loaded asynchronously from a CSV file on GitHub and parsed with `csvParse`.

HHemanthh81
91% match
Loading thumbnail…

Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. Each point’s shape encodes the flower species using D3’s `symbolsFill` and `symbol()`, with a legend generated via a custom `shapeLegend` component. The chart uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom` APIs, pulling data from a remote CSV file. A custom `symbolGenerator` renders distinct geometric markers (circles, squares, etc.) for each species, while axes and labels are assembled through the reusable `axes` module.

Rrikhitakoganti12
90% match
Loading thumbnail…

Scatter Plot with Shape

This scatter plot displays the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with each species represented by a distinct symbol shape. The visualization loads CSV data via `fetch`, parses it with `d3.csvParse`, and renders circular, triangular, and other shapes using `d3.symbol` and `symbolsFill`. A custom shape legend, built with `scaleOrdinal`, identifies species, while `d3.axisLeft` and `d3.axisBottom` provide labeled axes. The chart updates responsively to the browser window size.

Cchsaisriharsha@gmail.com
90% match
Loading thumbnail…

Scatterplot with shape

This example plots the classic Iris flower dataset on a scatterplot, using sepal length and petal length as the x- and y-axes. Species are distinguished by different symbol shapes, with a legend that supports interactive filtering by clicking on a species. The visualization is built with D3 v7, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` for shape encoding. Data loads from a CSV file, and hover interactions update the legend’s opacity to highlight the selected species.

SSubhendu Karmakar
90% match
Loading thumbnail…

Activity 7 Task 4

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 species differentiated by marker shape. The D3 v7 code uses `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to position points and assign shapes, while custom modules `axes.js` and `shapeLegend.js` add labeled axes and a species legend. Data is loaded from a remote CSV and parsed with `csvParse`.

MmNamratha25
89% match