Skip to main content
SimilarExport ZIP
100%

activity6_task3.2

✓ Published0🌍 Public
Ssanjanaadapa7@gmail.com
Last edited Oct 23, 2024
Created on Oct 23, 2024

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length, with the categorical species variable encoded by point shape. The visualization includes a custom shape legend that clarifies the mapping between symbols and species. The code builds the chart using D3.js v7, employing a functional selection-based approach with `selectAll`, `join`, and `call` for composing the plot, axes, and legend. Data is loaded from a remote CSV file using `d3.csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length against petal length, with points shaped according to species. A custom shape legend identifies the three species. The visualization is built with D3 v7, using scaleLinear for axes, scaleOrdinal for shape encoding, and the axisBottom and axisLeft components. Data is loaded from a remote CSV and parsed with csvParse, while symbolsFill and symbol generate the point marks.

Mm.maanvireddt761@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
93% match
Loading thumbnail…

Activity-6_task-3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species using different symbol shapes. The visualization includes labeled axes and a custom shape legend, rendered with D3 v7. Data is loaded asynchronously via CSV parsing, and the code uses d3.scaleLinear, d3.scaleOrdinal, and d3.symbol to generate marks, while d3.axisBottom and d3.axisLeft create the axes.

Ccharanshiva769@gmail.com
93% match
Loading thumbnail…

Activity6_task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with categorical species encoded through different point shapes. The visualization uses D3.js v7 to render the plot, with axes generated via `axisLeft` and `axisBottom` from the `d3` module. A custom shape legend explains the species-to-symbol mapping, built using `d3.symbol()` and `d3.symbolsFill`. Data is fetched as CSV and parsed with `d3.csvParse`, with numeric columns converted for scaling. The implementation demonstrates modular D3 components for reusable chart construction, including separate `axes.js` and `shapeLegend.js` modules composed within the main `scatterPlot.js` layout.

Vvidyagangasani@my.unt.edu
93% match
Loading thumbnail…

Activity6_Task3.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, with points colored and shaped by species. A custom shape legend displays the species categories. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol` to render the marks, with axis and legend components built as reusable functions. The dataset is loaded as a CSV from a GitHub URL, parsed with `csvParse`, and numeric columns are converted before rendering. The plot updates responsively to the window size.

Vvarun.mahankali39@gmail.com
93% match
Loading thumbnail…

Activity6_Task3-2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Kkowshiksamudrala08@gmail.com
93% match
Loading thumbnail…

activity6 task3.2

A scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Points use distinct shapes—rendered via d3.symbol and scaleOrdinal with symbolsFill—to encode the three species, with a custom shape legend labeling each category. The code loads the CSV with d3.csvParse, converts numeric fields, and builds the chart using d3.scaleLinear axes and d3.scaleOrdinal for shapes.

Bbrahmateja.edu2023@gmail.com
92% match
Loading thumbnail…

Activity6_task3.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, with each species distinguished by a unique shape symbol. The visualization includes labeled axes and a custom legend that displays the shape-to-species mapping. Built with D3.js v7, it uses `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shapes, and the `symbol` generator to draw the marks. Data is loaded asynchronously from a CSV file and parsed with `csvParse`.

AAnirudhaKulakarniKaranam@my.unt.edu
92% match