Activity06 Scatter Plot with Shape

100%

Activity06 Scatter Plot with Shape

✓ Published0🌍 Public

Last edited Oct 30, 2025

Created on Oct 30, 2025

Forked from Raga Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, comparing sepal length against petal length. Each flower species is distinguished by both color and shape: circles for setosa, triangles for versicolor, and diamonds for virginica, using d3.scaleOrdinal with d3.symbol types. The visualization loads data from a remote CSV file and renders points as SVG paths via d3.symbol, with a custom legend generated by the shapeLegend function. The axes are created using d3.axisBottom and d3.axisLeft, and the chart is styled with CSS, including a white background and rounded corners.

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

93% match

Loading thumbnail…

Activity6_Task3.1 Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species distinguished by a unique symbol shape. The visualization uses d3.scaleOrdinal and symbolsFill to assign distinct shapes, and includes a custom shape legend generated with d3.symbol. Data is loaded via fetch and parsed with d3.csvParse. The chart is rendered using D3 v7, with axes created through d3.axisLeft and d3.axisBottom, and marks drawn as SVG path elements using the d3.symbol generator.

Kkamalini.ponnuru11@gmail.com

93% match

Loading thumbnail…

Scatter Plot with Shape

This scatter plot visualizes the Iris dataset, comparing sepal length against petal width for three iris species—setosa, versicolor, and virginica—using distinct symbols for each species. A custom legend maps species to shapes, generated via d3.symbol and d3.scaleOrdinal. Axes are rendered with d3.axisLeft and d3.axisBottom, while the plot is built as a reusable scatterPlot function called within an SVG container. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

Ggeethikal

92% match

Loading thumbnail…

Activity 7 Scatter Plot with Shape

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.

Mmandadi1999

92% match

Loading thumbnail…

activity 3.2

This scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three flower species. Each species is represented by a distinct shape—circles, squares, or triangles—as defined by a d3.symbol() generator, allowing for visual differentiation without relying on color. The plot includes labeled axes and a legend created with a custom shapeLegend module. The visualization is built using D3 v7, renders as an SVG, and loads its data from a local CSV file.

MMahimaChowdaryKasthala@my.unt.edu

92% match

Loading thumbnail…

Activity6-Task 3.2

This scatter plot visualizes the Iris dataset, showing petal length against sepal length, with each point’s shape encoding the flower species (setosa, versicolor, virginica). The plot uses D3’s `scaleLinear` for axes and `scaleOrdinal` with `symbolCircle`, `symbolCross`, and `symbolDiamond` to differentiate species. A custom `shapeLegend` displays these symbols, while the axes are labeled via `axisBottom` and `axisLeft`. Data is loaded from a remote CSV.

Hharinihari6791@gmail.com

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

92% 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

91% match