Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.1

✓ Published0🌍 Public
SSowjanya Devupalli
Last edited Oct 22, 2024
Created on Oct 18, 2024

This interactive scatter plot visualizes the Iris dataset, showing petal length against sepal length for different Iris species. The visualization uses distinct shapes (circles, squares, and triangles) to differentiate species, with a dedicated shape legend positioned on the right side of the chart. Built with D3.js v7, the code employs `d3.scaleLinear` for axes scaling and `d3.scaleOrdinal` with `d3.symbolsFill` to map species categories to symbol types. Data is loaded asynchronously from a GitHub-hosted CSV file, with axes labeled and styled through custom `d3.axisLeft` and `d3.axisBottom` calls.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task3.1

This scatter plot visualizes the Iris dataset, showing sepal length versus petal length for three flower species. The visualization uses d3.v7 with scaleLinear for axes, scaleOrdinal with symbolsFill to encode species as different point shapes, and a custom legend. Data loads asynchronously from a GitHub-hosted CSV file, parsed with csvParse, with axes and shape legends created via reusable D3 modules. The plot updates automatically when the data arrives.

SSowjanya Devupalli
96% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each species represented by a distinct symbol shape. The plot encodes the three Iris species through shape, using d3.scaleOrdinal with symbolsFill to assign different geometric marks, while a custom legend explains the species mapping. Axes are rendered via d3.axisLeft and d3.axisBottom, with labels for both dimensions. The data is loaded asynchronously from a GitHub-hosted CSV file using d3.csvParse, and the visualization updates through a state management pattern that handles loading and rendering.

Nnikhilthoutu24@gmail.com
95% match
Loading thumbnail…

Activity-6(Task3)

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length while distinguishing the three species of iris flowers through different symbol shapes. The visualization uses D3 v7 with scales and axes from the d3-scale and d3-axis modules, and encodes species using d3.scaleOrdinal with symbolsFill and symbol generators. Data is loaded from a remote CSV file, and the chart includes custom axis labels and a shape legend to identify species categories.

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

Activity-6(Task3(1))

This scatter plot visualizes the Iris dataset, displaying sepal length on the x-axis and petal length on the y-axis, with each point’s shape representing the species of iris. The implementation uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbolsFill` to map data values to positions and shapes, while `axisLeft` and `axisBottom` render the axes. A custom legend, built with `symbol().type()`, identifies each species by its corresponding shape. Data is loaded asynchronously from a CSV file and parsed using `csvParse`.

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

Activity6_Task3.1

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 shape. The visualization uses D3.js v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbolGenerator` to render the marks, while a custom shape legend displays the species categories. Data is loaded asynchronously from a GitHub-hosted CSV file using `fetch` and parsed with `csvParse`, with numerical fields coerced to numbers before plotting. The chart includes labeled axes and a legend, all rendered within an SVG canvas sized to the full viewport.

Bbudalavijay2001@gmail.com
95% 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 distinguished by different symbol shapes. Built with D3 v7, it uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.symbol to render marks. A custom shape legend displays species labels, while d3.axisBottom and d3.axisLeft generate the axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

Ccharishmakalyanapu@gmail.com
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