Skip to main content
SimilarExport ZIP
100%

activity8tutorial3.1

✓ Published0🌍 Public
BBindumadhavi
Last edited Apr 14, 2024
Created on Apr 14, 2024

This example shows a scatter plot of the Iris dataset, mapping sepal length to petal length and encoding species using different shapes via d3.symbol and a custom shape legend. The visualization loads the CSV data with d3.csvParse, updates the chart asynchronously through a state-based render pattern, and relies on d3.scaleLinear for axes positioning with d3.axisLeft and d3.axisBottom. Axes labels are generated manually, while the legend is built with d3.scaleOrdinal and symbolsFill, all within a scalable SVG that fills the viewport.

AI-generated description
MIT Licensed

Similar vizzes

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

activity8_tutorial3.2

This is a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species indicated by different symbols. A custom legend encodes the species using shape scale from d3.scaleOrdinal and d3.symbolsFill. The visualization uses d3.v7, with axes created using d3.axisLeft and d3.axisBottom. Data is loaded from a remote CSV file and parsed with d3.csvParse. The chart updates based on the browser window size.

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

activity 6_tutorial 3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a unique symbol shape. A legend identifies the three species by their corresponding shapes. The visualization uses D3 v7 to load and parse the CSV data, then renders marks using d3.symbol and d3.symbolsFill. Axes are drawn with d3.axisBottom and d3.axisLeft, while scales for position and shape are created with d3.scaleLinear and d3.scaleOrdinal.

Aanusha.chilkamarri26@gmail.com
94% 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
94% 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
94% 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
94% match
Loading thumbnail…

Activity8_Tutorial3.2

This example shows a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species with different filled symbols. It uses d3.csvParse to load and parse the data, then d3.scaleLinear and d3.scaleOrdinal with d3.symbolsFill to map values to positions and shapes. Custom axis and legend modules, built with d3.axisLeft, d3.axisBottom, and d3.symbol, render labeled axes and a shape legend.

Aanusharamana0@gmail.com
94% match