Skip to main content
SimilarExport ZIP
100%

Activity-6-task-3.2

✓ Published0🌍 Public
Nnaveen.dodda4321@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This scatter plot visualizes the iris dataset, mapping sepal length to petal length and encoding species with distinct symbols. The chart uses D3’s `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping, along with custom `axisLeft`, `axisBottom`, and `shapeLegend` modules. Data is loaded from a CSV via `fetch` and parsed with `csvParse`. The visualization also includes labeled axes and a legend, leveraging D3’s selection join API for efficient SVG updates.

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 task_3

This scatter plot visualizes the iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, while encoding species with distinct symbol shapes. The chart includes labeled axes and a shape legend identifying each species. Built with D3 v7, it uses `scaleLinear` for spatial encoding, `scaleOrdinal` with `symbolsFill` for shape mapping, and custom modules for axes and legend rendering. Data is loaded asynchronously via `fetch` and parsed with `csvParse`.

Bbrahmateja.edu2023@gmail.com
95% match
Loading thumbnail…

Activity6_Task3-2

This scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species encoded by different symbol shapes. The visualization loads the data from a remote CSV file using `d3.csvParse` and renders it using D3 v7. It employs `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft`/`axisBottom` for tick marks. A custom shape legend, built with `d3.symbol`, displays the species labels.

Kkowshiksamudrala08@gmail.com
95% match
Loading thumbnail…

activity6_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with dots colored and shaped by species. The visualization uses D3 v7’s modular API, including `scaleLinear` and `scaleOrdinal` for scales, `symbol` for generating mark paths, and `axisLeft`/`axisBottom` for axes. A custom legend with `symbolGenerator` maps each species to a distinct shape. The code fetches and parses the CSV data using `csvParse` and dynamically sizes the SVG to the viewport.

Bbhavyamoturi2509@gmail.com
95% match
Loading thumbnail…

Activity-6_task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol shape and a corresponding legend. The visualization uses d3.scaleLinear for the x and y axes, d3.scaleOrdinal with d3.symbolsFill for species-based shapes, and d3.axisLeft and d3.axisBottom for the axes. Data is loaded asynchronously via fetch and parsed with d3.csvParse.

Aakitisaitejareddy@gmail.com
95% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the Iris dataset, showing sepal length against petal length, with each of the three species represented by a distinct symbol. The visualization uses D3 version 7 to render SVG elements, employing `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` to map species to different point shapes. Data is loaded asynchronously through a CSV file fetch, then parsed with `csvParse` before being displayed with custom axis and shape legend components.

GGunna,Praneeth Reddy
95% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis while distinguishing species through different symbols. The chart uses D3 v7’s `scaleLinear` for axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend module. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, with axes rendered using `axisLeft` and `axisBottom`. The visualization updates dynamically as the data arrives, demonstrating categorical shape encoding for multivariate comparison.

Rrayavarapulokesh3@gmail.com
95% match
Loading thumbnail…

Activity-6 Task-3.2

This visualization displays a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis. Each point is rendered as a distinct symbol shape representing the species of iris flower. The chart uses D3.js v7 with `scaleLinear` for the axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom legend showing the species symbols. Data is loaded as CSV and parsed with `csvParse` before being plotted.

Bbhargavireddy4016@gmail.com
94% 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