activity6 task-3.2

100%

activity6 task-3.2

✓ Published0🌍 Public

AAP19110020041-Pavan Kumar

Last edited Oct 25, 2024

Created on Oct 25, 2024

This example displays the classic Iris dataset as an interactive scatter plot, mapping sepal length on the x-axis, petal length on the y-axis, and using different filled shapes (from `d3.symbolsFill`) to distinguish the three species of iris flowers. It loads data from a remote CSV file via `fetch` and parses it with `d3.csvParse`. The visualization is built entirely with D3 v7, using `scaleLinear`, `scaleOrdinal`, and `symbol` to construct the marks, along with custom local modules for drawing axes and a shape legend. The plot resizes to fill the browser window.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Activity 6 task 3.2

This example displays the classic Iris dataset as a scatter plot, using sepal length and petal length for the x and y axes while encoding the three iris species with distinct symbol shapes. The visualization, built with D3 v7, employs `scaleLinear` for position, `scaleOrdinal` for mapping species to `symbolsFill`, and custom legend and axis modules. Data loads asynchronously from a raw GitHub CSV file and is parsed with `d3.csvParse` before rendering.

Rrohitpotluri@my.unt.edu

92% match

Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the classic Iris dataset, showing the relationship between sepal length and petal length. Each of the 150 flowers is rendered as a D3 path mark, with the species type (setosa, versicolor, virginica) encoded by different fill symbols as shown in a custom legend. The visualization uses D3 v7 APIs including `scaleLinear` for axis scaling, `scaleOrdinal` for shape mapping, and `symbolsFill` to generate the distinct marker shapes. Data is loaded asynchronously from a CSV file via `csvParse`.

Llokasaivenkatatammineedi@my.unt.edu

91% match

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

91% match

Loading thumbnail…

Activity6_Task3.2

This example displays the classic Iris dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each data point is rendered as a distinct shape, with the categorical species determining the symbol type, as shown in a legend. The visualization is built with D3 v7 and uses a modular JavaScript approach, importing utilities from the `d3` library. Key APIs include `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `symbolsFill` to generate the glyphs. The `csvParse` function loads and processes the remote CSV data, which is then drawn using the `path` element.

GGOPI MUPPURI

91% 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

91% match

Loading thumbnail…

activity 6 task3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a different symbol shape. A legend maps the species names to their corresponding shapes. The visualization is built with D3 v7, using scales like `scaleLinear` and `scaleOrdinal` along with `symbolGenerator` for shape rendering. The axes are drawn via `axisLeft` and `axisBottom`, and the data is loaded from a remote CSV file using `csvParse`.

Ssairamisetti3829@gmail.com

91% match

Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the classic Iris dataset, showing sepal length against petal length, with each point’s shape indicating its species. It uses D3 v7 with the `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `symbol` APIs to create the plot and a custom shape legend. The visualization loads the CSV data via a remote URL, parses it with `csvParse`, and renders the chart using an SVG canvas. The code organizes chart components into local ES6 modules for axes, scatter plot, and legend, imported through `import` statements.

Rrakshithareddy217@gmail.com

91% match