Skip to main content
SimilarExport ZIP
100%

Activity6_ Tutorial 3.2 : Scatter plot with shape

✓ Published2🌍 Public
Jjayanthbalina@gmail.com
Last edited Apr 5, 2024
Created on Apr 3, 2024

This example displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. The species of each flower is encoded using different point shapes, with a legend positioned at the coordinates (850, 320) identifying each species. The visualization uses D3 v7's `scaleLinear` and `scaleOrdinal` APIs to map data values to coordinates and shapes, with the `symbolsFill` array providing the distinct point markers. The axes are generated using `axisLeft` and `axisBottom`, while the legend is built using D3's `symbol` generator. Data is loaded asynchronously from a remote CSV file and parsed using `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

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

Tutorial3.1_Activity6

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 species indicated by point shape. The visualization uses a categorical color-free shape legend to identify the three species, with axes labeled by the corresponding measurement variables. Built with D3 v7, the code leverages `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` from the `d3` module, while fetching and parsing the CSV data via `csvParse`. The rendering uses a custom `scatterPlot` function that joins SVG path elements with `symbolsFill` shapes.

Ssanjanadadi19@gmail.com
92% match
Loading thumbnail…

Activity 6 Tutorial 3.2

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.

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

Activity6_Tutorial3.2

This scatter plot visualizes the relationship between sepal length and petal length in the Iris dataset, using different point shapes to distinguish between species. The chart maps the data from a CSV file fetched at runtime, rendering each flower as a symbol on a linear scale, with a separate legend identifying the species. It is built with D3 v7, using `scaleLinear` for axes, `scaleOrdinal` for shape encoding, `symbolsFill` for the point symbols, and custom functions like `axes` and `shapeLegend` for layout.

Ggnanendra097@gmail.com
92% 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
91% match