Skip to main content
SimilarExport ZIP
100%

3task_activity_6

✓ Published0🌍 Public
Aazeemrm630@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

This example displays an interactive scatter plot of the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species distinguished by different point shapes. It loads data asynchronously from a CSV file hosted on GitHub, parsing it with `csvParse` and converting numeric fields. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `axisLeft`/`axisBottom` to render scales, axes, and a custom shape legend. The code demonstrates modular ES6 imports, separating scatter plot, axis, and legend logic into distinct local modules.

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 the Iris dataset, mapping sepal length to the x-axis and petal length to the y-axis, with species encoded by distinct symbols and a corresponding legend. It uses D3 v7’s `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to position marks and generate shapes. Data is loaded from a remote CSV via `csvParse` and fetched asynchronously. The visualization also demonstrates modular ES6 imports for reusable axis and legend components.

Kkrishnavisheshkatta@my.unt.edu
93% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It loads data from a CSV file and uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, and `csvParse`. The visualization includes custom axes and a shape legend, built with reusable local ES6 modules.

Llikhitha.sarahah01@gmail.com
92% match
Loading thumbnail…

Activity-8_Task-3.2

This example displays a scatter plot of Iris flower measurements, mapping sepal length and petal length onto x- and y-axes while encoding species identity through distinct point symbols. It loads CSV data from a GitHub repository using `d3.csvParse` and parses numeric columns before rendering. The visualization uses `d3.scaleLinear` for positioning, `d3.scaleOrdinal` with `schemeCategory10` for shapes, and custom SVG axes built from `d3.axisLeft` and `d3.axisBottom`. A custom legend component displays the species-to-shape mapping, and the code demonstrates modular ES6 imports across multiple local files with D3 v7.

Mmanideepchinna25@gmail.com
92% match
Loading thumbnail…

Activity6_task3.2

This example creates an interactive scatter plot using D3 v7 that visualizes the Iris dataset loaded from a GitHub-hosted CSV file. The chart displays sepal length on the x-axis and petal length on the y-axis, with different symbols representing each iris species. The visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbolsFill` for categorical shapes, and a custom legend built with `d3.symbol`. The code demonstrates modular ES6 imports, reusable chart components, and dynamic data fetching with `d3.csvParse` and `fetch`.

Iiftequaruddin883@gmail.com
92% 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
92% match
Loading thumbnail…

Activity6_Task 3.2

This example displays an interactive scatter plot of the Iris dataset, showing sepal length against petal length. It uses a D3-based SVG rendering pipeline with multiple ES6 modules. The visualization employs D3's `scaleLinear`, `scaleOrdinal`, `symbol`, and `csvParse` functions. It includes custom axis and shape legend components, with data loaded from a CSV file hosted on GitHub, and supports dynamic resizing to the viewport.

Aaravapalliharika2002@gmail.com
92% match
Loading thumbnail…

Activity6_Task3.2

This example displays a scatter plot of the Iris dataset, mapping sepal length against petal length and encoding species with different point shapes. It uses D3 v7 to load data via CSV, construct linear scales, and render symbols from `symbolsFill`. The visualization includes axes and a custom legend built with reusable ES6 modules, demonstrating data fetching and modular code organization.

Ssaiteja.cse.rymec@gmail.com
92% match
Loading thumbnail…

Task-3.2

This example renders a scatter plot of the Iris dataset, showing sepal length versus petal length with points colored and shaped by species. It loads data via a remote CSV URL using `d3.csvParse` and builds the visualization with D3 v7, including `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol` for custom point shapes, and a custom axes module using `d3.axisLeft` and `d3.axisBottom`. A separate shape legend module displays the species symbols, and the code demonstrates ES6 module imports across local files.

Kkotipallipavan54@gmail.com
92% match