Skip to main content
SimilarExport ZIP
100%

Activity6_tutorial3.2

✓ Published1🌍 Public
Yyadlapallisaisathvik@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from HTML Starter

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.

AI-generated description

Above is the scatter plot of same iris dataset but with shapes instead of colors.

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

Activity6_tutorial3.2

This scatter plot uses D3 v7 to visualize the Iris dataset, plotting sepal length against petal length. Each flower is rendered as a shape-coded path marker, with the species determining the symbol type via a d3.symbol generator and ordinal scale. A custom axes module adds labeled x and y axes using d3.axisLeft and axisBottom, while a shape legend provides a key for species, positioned on the right. Data is fetched as CSV and parsed with d3.csvParse.

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

Activity6_Tutorial_3.2

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.

Aaschowdary.shashi@gmail.com
92% match
Loading thumbnail…

activity 6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length. Points are colored by species using distinct shapes and a legend. Built with D3 v6, it uses `scaleLinear`, `scaleOrdinal`, and SVG symbols. Data is loaded asynchronously via `csvParse` from a remote URL, with axes and labels generated through modular functions.

Sshettisowmya01@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
92% match