activity 6-Tas 3.2

100%

activity 6-Tas 3.2

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This scatter plot displays the relationship between sepal length and petal length for three iris species, with points shaped by species type. Built with D3 v7, it uses `d3.scaleLinear` for continuous axes, `d3.scaleOrdinal` with `d3.symbolsFill` for shape encoding, and `d3.axisLeft`/`d3.axisBottom` for tick marks. A custom legend module renders glyphs via `d3.symbol`, while data loads asynchronously from a CSV hosted on GitHub and is parsed with `d3.csvParse`.

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…

Activity 6_Tas 3.2

A D3.js scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Species are encoded through distinct shapes using `d3.symbolsFill` and a custom shape legend generated with `d3.symbol`. The chart uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for shape mapping, and `d3.csvParse` to load data from an external CSV file. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`.

Ssaisnehapalle@my.unt.edu

92% match

Loading thumbnail…

Activity6_T3.2

This scatter plot shows the relationship between sepal length and petal length for three iris species, using distinct symbol shapes to differentiate species. It uses a legend to map each species to its corresponding shape. The visualization is built with D3.js, employing `scaleLinear` and `scaleOrdinal` for scales, and the `symbol` API for shapes. Data is fetched as a CSV from a GitHub repository and parsed using `csvParse`.

Tthakurnikhitha4@gmail.com

90% match

Loading thumbnail…

Activity 6 Task 3

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species distinguished by a distinct shape marker and a shape legend. Built with d3.v7, it uses the `scaleLinear` and `scaleOrdinal` APIs to map data to coordinates and shapes, while `axisLeft` and `axisBottom` render the axes. The data is loaded from a CSV file fetched from a GitHub repository, and the visualization renders shapes using the `symbol` generator from D3’s `symbol` module.

Jjaswanthreddy2000@gmail.com

90% match

Loading thumbnail…

Activity 6 _task 3.2

This scatter plot displays the relationship between sepal length and petal length for iris flowers, with species encoded through distinct point shapes and a corresponding legend. The visualization loads its dataset from a CSV file hosted on GitHub. Built with D3 v7, the code employs `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape mapping, and custom functions `axes` and `shapeLegend` to render axes and the categorical legend. Data parsing uses D3's `csvParse`, and the plot is redrawn whenever the window is resized.

Sskykarthik97@gmail.com

90% match

Loading thumbnail…

Activity6_Tutorial3.2

This scatter plot displays the relationship between sepal length and petal length for three iris species, distinguished by shape and a legend. The visualization uses D3 v7 APIs like `scaleLinear`, `scaleOrdinal`, and `symbolGenerator`, with axes created via `axisLeft` and `axisBottom`. Data is fetched from a remote CSV and parsed with `csvParse`, rendering marks as SVG paths within a scalable viewport sized to the window.

Hhemalathayella@my.unt.edu

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

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

89% match

Loading thumbnail…

activity6_t3.2

This interactive D3 v7 scatter plot visualizes the Iris dataset, plotting sepal length against petal length for individual flowers. The visualization encodes the categorical species variable through different point shapes, with a custom legend annotating each shape. Built using a modular structure with `scatterPlot`, `axes`, and `shapeLegend` modules, the example employs D3’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data to positions and glyphs, while `csvParse` loads the remote CSV data. The chart updates dynamically within an SVG canvas sized to the browser window.

Llingaladineshteja23@gmail.com

89% match