Skip to main content
SimilarExport ZIP
100%

Activity 6 Task-3.2

✓ Published0🌍 Public
Kkesava
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

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.

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 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`.

YYeruva Snehith Reddy
94% 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
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
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
94% match
Loading thumbnail…

Activity6_Task3-2

This scatter plot visualizes Iris flower measurements, mapping sepal length to the x-axis and petal length to the y-axis. Each flower is rendered as a D3 symbol, with species distinguished by distinct shapes (circles, crosses, and diamonds) via d3.scaleOrdinal and d3.symbolsFill. The visualization includes labeled axes and a custom shape legend, with data fetched from a remote CSV file and parsed using d3.csvParse. The code uses d3.scaleLinear for positioning and d3.axisLeft/axisBottom for tick rendering.

Aayeshamanzoor111798@gmail.com
94% match
Loading thumbnail…

Activity 6_Task 3.2_Tutorial

A scatter plot displays iris flower measurements, with sepal length on the x-axis and petal length on the y-axis, while distinct D3 symbol shapes (from `symbolsFill`) encode the flower species. The visualization uses D3 v7's `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to construct the chart and a custom legend. Data loads asynchronously from a CSV file of the classic Iris dataset hosted on GitHub, which is parsed and typed using `d3.csvParse`.

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

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
93% match