Skip to main content
SimilarExport ZIP
100%

Activity 6 Tutorial 3.2

✓ Published0🌍 Public
Ssharanyabobbala@my.unt.edu
Last edited Nov 1, 2025
Created on Oct 20, 2024
Forked from Hello VizHub

A scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, while encoding species with different point shapes via d3.scaleOrdinal and d3.symbol. A custom shape legend, built with d3.symbol, displays the species categories. The code uses d3.csvParse for data loading, d3.scaleLinear for axes, and d3.axisLeft/axisBottom for tick rendering. Axes and legend labels are positioned manually, with the plot resizing to the full browser window.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Tutorial 3.2

This example shows a scatterplot of the Iris flower dataset, plotting sepal length against petal length while encoding species with different point shapes. The visualization includes labeled axes and a shape legend identifying each species. The code uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks, with axes and legend built through reusable functions. Data is loaded asynchronously from a GitHub-hosted CSV and parsed using `csvParse`.

Ssharanyabobbala@my.unt.edu
96% match
Loading thumbnail…

Activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct marker shapes. The D3.js v7 code uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` within `scatterPlot.js` and `shapeLegend.js` to render the marks and a custom legend. Axes are drawn using `axisLeft` and `axisBottom`, and data is fetched as CSV and parsed with `csvParse`. The plot updates in response to window resizing, using SVG for rendering.

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

Activity_6_tutorial3.2

A scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each species represented by a distinct shape (circle, square, etc.). The plot includes axes with labels and a legend identifying the species categories. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to map data values to positions and shapes, while the `axes` and `shapeLegend` components construct the chart and legend. Data is loaded from a remote CSV file and parsed with `csvParse`.

VVarunKumarKambhampati@my.unt.edu
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…

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…

Activity 6 Tutorial 3.2

A scatter plot of the Iris dataset displays sepal length against petal length, with each species represented by a distinct symbol shape and a legend labeling the three species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, `axisLeft`, and `axisBottom`. Data is loaded asynchronously from a CSV file via `fetch` and `csvParse`, with axes, marks, and legend rendered through reusable module functions.

Nnikhilapogula@my.unt.edu
94% match
Loading thumbnail…

activity6_tutorial3.2

This scatter plot visualizes the Iris dataset, showing sepal length on the x-axis and petal length on the y-axis, with each point's shape encoding the species. It uses D3's `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data to scales and shapes, and `axes` to draw labeled axes. A custom legend displays the shape-to-species mapping. Data is fetched from a remote CSV and parsed via `csvParse`.

Sshreshikaveerannagari@gmail.com
94% match