Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published3🌍 Public
SSuneelKalva@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

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…

Activity6_Tutorial3.2

This example presents a scatter plot of the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using distinct symbols to represent the three species. The visualization loads data from a remote CSV file using `fetch` and `csvParse`. D3 v7 scales, including `scaleLinear` and `scaleOrdinal`, position the marks and determine their shapes, while `axisBottom` and `axisLeft` render the axes. A custom legend built with `symbolGenerator` and `symbolsFill` identifies each species. Code is modularized into local ES6 modules for axes, plotting, and legend components.

SShiva Sai Reddy
95% match
Loading thumbnail…

activity6 tutorial 3.2

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.

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

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Each point’s shape encodes the species, with a custom legend explaining the shape-to-species mapping. The visualization loads CSV data from a remote URL, parses it with `d3.csvParse`, and renders marks using `d3.symbol` with the `symbolsFill` scale. Axes are generated via `d3.axisLeft` and `d3.axisBottom`, while the chart updates responsively to the window size.

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