Skip to main content
SimilarExport ZIP
100%

Activity6_task 3.2

✓ Published0🌍 Public
PPreethamreddyannavaram@my.unt.edu
Last edited Apr 5, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a distinct symbol shape and a legend labeling the species. The visualization loads the CSV data via fetch and d3.csvParse, then renders the plot using D3.js v7, constructing linear scales, ordinal shape encoding, and axes. The chart relies on reusable D3 modules for scatter plot rendering, axes, and a custom shape legend, with symbols generated via the d3.symbol and symbolsFill API.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_task3.2

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length on the axes while using different symbol shapes to distinguish between plant species. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to handle axes, scaling, and shape encoding. A custom legend is drawn using `shapeLegend`. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `csvParse`.

Ggketan456@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with the three species distinguished by different symbol shapes. A shape legend identifies each species, and the plot includes styled axes with labels. The visualization is built using D3 v7, employing `scaleLinear` for the x and y scales, `scaleOrdinal` with `symbolsFill` for the shapes, and the `csvParse` method to load data from a GitHub-hosted CSV file. The `axes` and `shapeLegend` modules handle the axis and legend rendering.

Nnsairitwikreddy@gmail.com
95% match
Loading thumbnail…

Activity 6_Task 3.2

This example presents a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by distinct point shapes. The visualization is rendered as an SVG that fills the browser window, using D3 v7’s scaleLinear for axes, scaleOrdinal for shape mapping, and symbol generators for markers. Data is loaded asynchronously from a remote CSV file, parsed with csvParse, and refreshed via a state-based render loop.

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

Activity_6_Task_3.2

This visualization is a scatter plot of the Iris dataset, showing sepal length against petal length, with the three iris species distinguished by different symbol shapes. The plot uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` to generate the marks, with custom modules for axes and a shape legend. Data is fetched as CSV from a GitHub repository and parsed with `csvParse`. The chart is rendered across the full window and includes labeled axes and a legend for species categories.

Ppradeepgubbala2001@gmail.com
95% match
Loading thumbnail…

Activity6_task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for each flower specimen. The visualization uses symbols to differentiate species, with a shape legend identifying each category. Built with D3 v7, the example demonstrates ES6 module imports, including `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft` and `axisBottom` for chart scaffolding. The data is fetched from a remote CSV source and parsed client-side before rendering.

PPreethi Medepalli-91
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis, petal length on the y-axis, and encoding species by symbol shape. It uses d3.scaleLinear for axes, d3.scaleOrdinal with symbolsFill for shapes, and a custom legend showing species markers. Data is loaded via fetch as CSV and parsed with d3.csvParse, with axes and legend rendered using d3.axisLeft, d3.axisBottom, and d3.symbol.

Ppadiginetivishnupriya@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with species distinguished using different symbol shapes from D3’s `symbolsFill` and `scaleOrdinal`. A shape legend, created via custom functions, identifies each species. The code uses D3 v7 modules like `axisBottom`, `axisLeft`, `scaleLinear`, and `symbol`, loading data from a remote CSV and parsing it with `csvParse`. The visualization demonstrates modular ES6 imports and responsive SVG rendering.

NNagalakshmi Thota
94% match
Loading thumbnail…

Activity6 task3.2

This example visualizes the Iris dataset as an interactive scatter plot, mapping sepal length to the x-axis, petal length to the y-axis, and distinguishing species by different symbol shapes. The plot includes labeled axes and a legend for species, rendered using D3 v7's `scaleLinear` and `scaleOrdinal`. Data is loaded via `csvParse` from a remote URL, with numeric fields converted to numbers. The chart resizes to the viewport and uses d3-fetch to load the CSV, with axes drawn via `axisLeft` and `axisBottom`.

Vvishnutejareddyambati@my.unt.edu
94% match