Skip to main content
SimilarExport ZIP
100%

Activity6_Tutorial_3.2

✓ Published0🌍 Public
Aaschowdary.shashi@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024
Forked from Hello VizHub

This example presents a scatter plot of the Fisher Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each species distinguished by a unique fill symbol. The visualization includes labeled axes and a shape legend to identify species. Implemented with D3 v7, it uses `scaleLinear` and `scaleOrdinal` for scaling, `symbol()` for symbol generation, and custom modules for drawing axes and legend, fetching the data from a GitHub-hosted CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_tutorial

This example presents an interactive scatter plot of Fisher’s Iris dataset, visualizing sepal length against petal length with point shapes distinguishing the three species. Built with D3 v7, it uses `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` to encode species as distinct symbols, and custom modules `axes.js` and `shapeLegend.js` to generate a labeled legend. Data is fetched as CSV and parsed with `d3.csvParse`, with numeric fields coerced before rendering.

Sshreshikaveerannagari@gmail.com
92% match
Loading thumbnail…

Activity6_tutorial3.2

This scatter plot of Fisher’s iris dataset uses D3 v7 to visualize sepal length against petal length, with species encoded through distinct symbol shapes instead of colors. The code employs `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and a custom `shapeLegend` to display the species key. Data loads from a remote CSV via `fetch` and `csvParse` before rendering.

Yyadlapallisaisathvik@gmail.com
92% 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
91% match
Loading thumbnail…

Activity_6_Tutorial 3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with points shaped according to species. The visualization includes labeled axes and a shape legend for the three species categories. Built with D3 v7, the code creates linear scales, applies an ordinal color shape scale using `symbolsFill`, and renders SVG symbols via `symbolGenerator`. Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse` before being passed to the chart.

HHarsha vardhan reddy Yarmareddy
91% 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
91% 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
91% 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
91% 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
91% match