Skip to main content
SimilarExport ZIP
100%

activity6_task3_tutorial3.2

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

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis. Species are distinguished through different symbol shapes, with a legend indicating each species. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom`. Data is loaded asynchronously as CSV from GitHub, parsed with `csvParse`, and rendered in an SVG that dynamically fits the window dimensions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6-task3.2

This interactive scatter plot visualizes the Iris dataset, showing the relationship between sepal length and petal length for different iris species. The shape of each point encodes the species, with a legend explaining the mapping. Built with D3 v7, the visualization uses the scaleLinear function for axes and scaleOrdinal for shape encoding. Data is loaded from a CSV file, parsed with csvParse, and positioned using the symbol generator. The plot is rendered into an SVG, with axes created via the axisLeft and axisBottom APIs.

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

Activity6Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis, petal length to the y-axis, and using different symbol shapes to distinguish species. A custom legend labels each shape with its corresponding species. The visualization loads the data from a raw CSV file, parses it with `d3.csvParse`, and renders the plot using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol`. Axes and labels are generated through a reusable module that calls `d3.axisLeft` and `d3.axisBottom`.

Ssatishvelaga02@gmail.com
94% match
Loading thumbnail…

Activity6_Task3_Tutorial3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length, with each of the three species represented by a distinct symbol shape. The visualization uses d3.scaleLinear for both axes and d3.scaleOrdinal with symbolsFill to map species to different geometric markers. A legend, generated through the shapeLegend module, explains the species-to-shape correspondence. The code loads CSV data via d3.csvParse from a remote source, applies numeric conversion, and renders SVG marks using the d3.symbol generator.

PPradhyumna Poralla
94% match
Loading thumbnail…

Activity 6 Task 3 Tutorial 2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each species distinguished by a different symbol shape and a corresponding legend. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to map data values to positions and categorical shapes. The code loads CSV data via `csvParse` and renders axes with `axisLeft` and `axisBottom`, while the legend is generated with a custom `shapeLegend` function.

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

Activity 6_tutorial 3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species indicated by distinct marker shapes. Using D3.js version 7, the visualization employs scales from `scaleLinear` and `scaleOrdinal`, along with the `symbol` API to generate shape-based marks. The plot includes labeled axes from `axisLeft` and `axisBottom`, and a custom shape legend. Data is loaded asynchronously from a CSV file and parsed with `csvParse`, with point positions calculated via the `xScale` and `yScale` functions.

Ssairohithchada@gmail.com
94% match