Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published1🌍 Public
AAnushaHyderaboeni@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 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.

AI-generated description
MIT Licensed

Similar vizzes

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…

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

Activity6-Tutorial-3.2

This visualization displays the classic Iris dataset as a scatter plot, mapping sepal length on the x-axis against petal length on the y-axis, with points colored by species via a categorical ordinal scale. The chart uses custom D3 v7 modules for axes and a shape legend, employing `scaleLinear` for coordinate scaling, `scaleOrdinal` with `symbolsFill` to assign distinct marker shapes, and a `symbol` generator for drawing them. Data is loaded asynchronously from a CSV file using `csvParse` and rendered within an SVG that resizes to the full window.

Ssowmyaammula.sdv@gmail.com
94% 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
94% match
Loading thumbnail…

Activity6_task3.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, with each species distinguished by a unique shape symbol. The visualization includes labeled axes and a custom legend that displays the shape-to-species mapping. Built with D3.js v7, it uses `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shapes, and the `symbol` generator to draw the marks. Data is loaded asynchronously from a CSV file and parsed with `csvParse`.

AAnirudhaKulakarniKaranam@my.unt.edu
94% match