activity6_t3.2

100%

activity6_t3.2

✓ Published0🌍 Public

Last edited Apr 7, 2024

Created on Apr 7, 2024

Forked from Fork of Scatter Plot with Shape

This interactive D3 v7 scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The visualization encodes the categorical species variable through different point shapes, with a custom legend annotating each shape. Built using a modular structure with `scatterPlot`, `axes`, and `shapeLegend` modules, the example employs D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data to positions and glyphs, while `csvParse` loads the remote CSV data. The chart updates dynamically within an SVG canvas sized to the browser window.

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Activity_6 T3

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species identity through distinct point shapes. The visualization uses D3 v7's scaleLinear, scaleOrdinal, and symbolsFill APIs to construct the axes and shape-based legend. Data is loaded from a remote CSV file via csvParse and rendered into SVG paths using the symbol generator. The example demonstrates modular code organization with local ES6 modules for axes, scatter plot, and shape legend components.

Bbhavanadupati3@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…

activity-6-t-3-2

This visualization displays the Iris dataset as a scatter plot, mapping sepal length against petal length and using distinct marker shapes to represent each species. The chart includes labeled axes, a shape legend, and reads data from a CSV file fetched at runtime. Built with D3 v7, it uses the `scaleLinear` and `scaleOrdinal` functions for scaling, `symbol` for rendering marks, and a custom `axes` module for chart furniture.

SSathishvepuri143@gmail.com

94% match

Loading thumbnail…

Activity6 Task3.2

This interactive scatter plot visualizes the Iris flower dataset, mapping sepal length against petal length and encoding species with distinct symbols from a shape legend. Built with D3 v7, it loads data from a remote CSV and uses modular components including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and custom axes and legend functions. The visualization dynamically updates to fill the viewport and recreates the plot from fetched data.

Ppslharika@gmail.com

94% match

Loading thumbnail…

activity6_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with dots colored and shaped by species. The visualization uses D3 v7’s modular API, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating mark paths, and `axisLeft`/`axisBottom` for axes. A custom legend with `symbolGenerator` maps each species to a distinct shape. The code fetches and parses the CSV data using `csvParse` and dynamically sizes the SVG to the viewport.

Bbhavyamoturi2509@gmail.com

93% match

Loading thumbnail…

Activity 6 Tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for three species of iris flowers. Each flower is represented by a distinct geometric shape (circle, square, or triangle) based on its species, with a shape legend in the upper right corner for reference. The visualization is built using D3.js v7 with a modular approach, leveraging `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `symbolsFill` for shape encoding, and custom modules for axis rendering and legend construction. The data is loaded from a remote CSV file and parsed using `d3.csvParse`.

BBharath Vupputuri

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

93% match