Skip to main content
SimilarExport ZIP
100%

activity6 tutorial 3.2

✓ Published0🌍 Public
Nnissisharon61@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025

This example shows an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species represented by a distinct symbol from d3.symbolsFill. A custom shape legend displays the species labels and corresponding symbols. The visualization is built with D3 v7, using d3.scaleLinear for axes, d3.scaleOrdinal for shapes, and d3.csvParse to load data from a GitHub-hosted CSV file. The axes module generates labeled axes while the scatterPlot module renders symbols via d3.symbol.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity8tutorial3.1

This example shows a scatter plot of the Iris dataset, mapping sepal length to petal length and encoding species using different shapes via d3.symbol and a custom shape legend. The visualization loads the CSV data with d3.csvParse, updates the chart asynchronously through a state-based render pattern, and relies on d3.scaleLinear for axes positioning with d3.axisLeft and d3.axisBottom. Axes labels are generated manually, while the legend is built with d3.scaleOrdinal and symbolsFill, all within a scalable SVG that fills the viewport.

BBindumadhavi
95% match
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…

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

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

Aanusha.chilkamarri26@gmail.com
95% match
Loading thumbnail…

Activity-6 Tutorial-3

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 different species distinguished by distinct symbol shapes from `d3.symbol`. The visualization uses `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `symbolsFill` to assign shapes. It loads the data from a remote CSV file using `d3.csvParse` and renders the plot with D3 v7, including axes from the `axes.js` module and a shape legend generated via `d3.symbol`. The SVG fills the browser viewport, with margins and labels configured in the `scatterPlot` function.

Ssannihitha.k23@gmail.com
95% match
Loading thumbnail…

Activity 6 Tutorial 3.2

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 each species represented by a distinct symbol shape. A legend on the right identifies the three species categories, while axis labels clarify the measurement values. The visualization loads data from a remote CSV file using `csvParse` and renders marks with `d3.symbol` and `symbolsFill`. Axes are drawn using `axisLeft` and `axisBottom`, with scales from `scaleLinear` and `scaleOrdinal` assigning positions and shapes.

SSuneelKalva@my.unt.edu
94% 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
94% match