Skip to main content
SimilarExport ZIP
100%

Activity6_task3.2

✓ Published0🌍 Public
YYeruva Snehith Reddy
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example displays a scatter plot of iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Each species is distinguished by a different symbol shape, with a legend identifying the species categories. The visualization is built using D3 v7, employing `scaleLinear` for positioning, `scaleOrdinal` for shape encoding, and `symbolGenerator` to render distinct markers. Data is loaded asynchronously from a remote CSV file and parsed using `csvParse`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task 3 .2

This example displays a scatter plot of Iris flower measurements, showing sepal length against petal length for three species. The visualization uses distinct symbols for each species, with a shape legend positioned in the upper right corner to identify the categories. Built with D3 v7, the code imports specific modules such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` for scaling and symbol generation. The plot loads data from a CSV file hosted on GitHub, parsing it with `csvParse` and converting numeric fields before rendering. Axes and labels are created using reusable axis functions.

Ggouthamigongidi2457@gmail.com
95% match
Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot of Iris flower measurements, mapping sepal length on the x-axis and petal length on the y-axis, with different symbol shapes representing species. The visualization also includes a custom shape legend identifying each species. The code uses d3.csvParse and d3.fetch to load a CSV dataset, then d3.scaleLinear for axes and d3.scaleOrdinal with d3.symbolsFill to assign distinct geometric markers. Axes are rendered via the d3.axisLeft and d3.axisBottom APIs, while a custom legend module draws symbols and text ticks.

Mmaneeshraja47@gmail.com
95% match
Loading thumbnail…

Activity 6 Task-3.2

A scatter plot displays Iris flower measurements, mapping sepal length along the x-axis and petal length along the y-axis, with each species distinguished by a different symbol shape from the `symbolsFill` scale. The example uses D3 v7 modules including `scaleLinear`, `scaleOrdinal`, `axisLeft`, and `axisBottom`, plus custom local ES6 modules for axes and a shape legend. Data loads asynchronously from a remote CSV file via `fetch` and `csvParse`, with numeric fields coerced for plotting.

Kkesava
94% match
Loading thumbnail…

Activity 6_Task3.2

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 the three flower species distinguished by different symbol shapes (circles, crosses, and diamonds) via a shape legend. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to position and style the marks. It fetches the CSV data from a GitHub repository and renders it in an SVG sized to the window. A modular structure separates the axes, legend, and plot logic into reusable functions.

SSiva Kishore Reddy
94% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of iris flower measurements, mapping sepal length to the x-axis, petal length to the y-axis, and encoding species with different symbol shapes. The visualization includes labeled axes generated with `d3.axisLeft` and `d3.axisBottom`, plus a custom shape legend built from `d3.symbol` with `symbolsFill`. Data loads asynchronously from a CSV file via `d3.csvParse`, and the plot uses `d3.scaleLinear` and `d3.scaleOrdinal`, with marks rendered as SVG paths via `symbolGenerator`.

CChandra Prakash Reddy Kalwakolu
94% match
Loading thumbnail…

activity6_task3.2

This scatterplot displays iris flower measurements, plotting sepal length against petal length for three species. The visualization uses distinct D3 symbol types (circles, crosses, diamonds) to differentiate species, with a custom shape legend explaining the mapping. Data is loaded asynchronously from a remote CSV file and parsed using d3.csvParse. The chart is built with D3 v7, using scaleLinear for axes and scaleOrdinal with symbolsFill for shape encoding.

Ppraneeth.d555@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This visualization displays a scatter plot of Iris flower measurements, plotting sepal length against petal length and encoding species using different symbol shapes. Each species appears as a distinct geometric marker with a corresponding legend positioned on the right. The code uses d3.scaleLinear for coordinate scaling, d3.scaleOrdinal with d3.symbolsFill for shape encoding, and d3.axisLeft/axisBottom for axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse, while the scatter plot, axes, and legend are each structured as reusable D3 modules.

Bbudalavijay2001@gmail.com
94% match
Loading thumbnail…

Activity6_Task3.2

This example shows an interactive scatter plot of iris flower measurements, mapping sepal length against petal length with species indicated by different symbol shapes. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to construct the plot and its legend. Data is loaded asynchronously from a remote CSV file using `csvParse` and fetched via the Fetch API, with numeric fields coerced to numbers. The chart displays three shapes from `symbolsFill`, with axes labeled and a custom shape legend positioned within the SVG.

AAreeba Hassan
94% match