Skip to main content
SimilarExport ZIP
100%

activity6_tutorial

✓ Published1🌍 Public
Sshreshikaveerannagari@gmail.com
Last edited Apr 1, 2025
Created on Apr 1, 2025
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_tutorial3.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. Points are colored and shaped by species, with a custom legend displaying the categorical shapes. Built with D3 v7, it uses `scaleLinear` for axes, `scaleOrdinal` and `symbolsFill` for shape encoding, and `d3.csvParse` to load data from a remote CSV file. Axes and legend are modularized into reusable functions that render via SVG.

Sshreshikaveerannagari@gmail.com
95% 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
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
93% match
Loading thumbnail…

activity6_tutorial3.2

This scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with each point’s shape encoding the species. It uses d3’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to assign distinct shapes to categories, and a custom legend built with `symbolGenerator`. Data is fetched from a remote CSV and parsed via `csvParse`. The visualization is rendered using d3’s join operation for efficient SVG updates.

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

activity6_tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length. Points are color-coded by species using a shape-based legend, with axes labeled accordingly. Built with D3 v7, the visualization dynamically loads CSV data from GitHub and uses `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs for scaling and rendering. The code structure separates chart components into modular functions for axes, shape legends, and the main scatter plot, with a reactive state management pattern handling asynchronous data fetching and re-rendering on updates.

1188r1a0559@gmail.com
92% 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
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