Skip to main content
SimilarExport ZIP
100%

Activity6_Task 3.2

✓ Published0🌍 Public
MManojsai Bangaru
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Hello VizHub

This scatter plot displays the relationship between sepal length and petal length for three Iris species, using distinct symbols (circle, cross, diamond) and colors to encode the species categories. The visualization, built with D3 v7, uses `scaleOrdinal` for species mapping, `scaleLinear` for axes, and SVG `path` elements for the custom symbol shapes. Data is loaded asynchronously from a remote CSV file, with the legend positioned at a fixed coordinate to identify the species. The chart leverages D3's declarative join operator for efficient DOM updates and includes axis labels for both measurements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activty6_Task3_2

This scatter plot displays the relationship between sepal length and petal length for the three Iris flower species, with each species represented by a distinct symbol shape from D3’s `symbolsFill`. The visualization uses `d3.scaleLinear` for the axes, `d3.scaleOrdinal` to map species to shapes, and `d3.symbol` to generate the marks, with data loaded from a local CSV file via `d3.csvParse`. A custom legend, built with D3’s join pattern, identifies the shape-to-species mapping, while axes are rendered using `d3.axisLeft` and `d3.axisBottom`.

Ssriharshithaanugu5@gmail.com
96% match
Loading thumbnail…

Activty6_Task3_2

This scatter plot displays the relationship between sepal length and petal length for the three Iris flower species, with each species represented by a distinct symbol shape from D3’s `symbolsFill`. The visualization uses `d3.scaleLinear` for the axes, `d3.scaleOrdinal` to map species to shapes, and `d3.symbol` to generate the marks, with data loaded from a local CSV file via `d3.csvParse`. A custom legend, built with D3’s join pattern, identifies the shape-to-species mapping, while axes are rendered using `d3.axisLeft` and `d3.axisBottom`.

Ssriharshithaanugu5@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot displays the relationship between sepal length and petal length for Iris flowers, with different species distinguished by shape. The chart uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` to map species to marker shapes, and `symbol` to generate the paths. The axes component leverages `axisLeft` and `axisBottom`, while a custom shape legend is built using `symbolGenerator`. Data is loaded asynchronously from a CSV via `csvParse`, with numeric fields converted, and the visualization updates through a state management and `setState` render loop.

Ssaishruthik2361@gmail.com
95% match
Loading thumbnail…

Activity6_Task 3.2

This scatter plot shows the relationship between sepal length and petal length for Iris flower samples, with points shaped by species. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map continuous measurements and categorical species to positions and marker shapes. A custom legend displays the species-to-shape mapping, while axis labels are added via `axisLeft` and `axisBottom`. Data is loaded from a remote CSV using `csvParse` and rendered as SVG paths.

SSreeKohaliPatel@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between sepal length and petal length for iris flowers, with different species distinguished by shape. It uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and symbols. The visualization renders SVG paths for each data point, with axes generated via `axisLeft` and `axisBottom`. A legend, created through the shapeLegend module, displays the species-to-shape mapping. The data is loaded from a remote CSV file using `csvParse` and rendered within an SVG canvas sized to the browser window.

SSreeKohaliPatel@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3_2

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species distinguished by a different symbol shape and a legend labeling the categories. The visualization loads CSV data from a GitHub-hosted iris dataset and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisBottom`/`axisLeft` to render the axes and symbols. The legend is built by appending paths and text elements within a dedicated group, while the chart updates responsively to the window size.

Vvemurisuchitha@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

Activity6-Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length for three species of iris flowers. Each species is represented by a distinct symbol shape (circle, cross, diamond, and others) generated using d3’s `symbol` API, with a legend identifying the shape-to-species mapping. The chart uses d3’s `scaleLinear` for both axes and `scaleOrdinal` for the shapes, while the axes and legend are built through custom modules (`axes.js` and `shapeLegend.js`). Data is loaded asynchronously from a GitHub-hosted CSV and parsed with `csvParse`.

Ggoudrohit2000@gmail.com
95% match