Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published1🌍 Public
Gganeshseeram5decem@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity6_Task3

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length and distinguishing species by shape. It uses D3 v7, loaded via UNPKG, with imported utilities like `scaleLinear`, `scaleOrdinal`, and `symbol`. The chart fetches CSV data from a GitHub repository, parses it with `csvParse`, and renders axes, labels, and a custom shape legend. The code demonstrates modular ES6 imports and D3's join-based selection pattern for declarative 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_Task3.2

This interactive scatter plot visualizes the Iris dataset, plotting sepal length against petal length and encoding species through different point shapes. The visualization uses D3.js version 7, specifically leveraging `scaleLinear`, `scaleOrdinal`, `schemeCategory10`, and `symbolsFill` to map data dimensions. The code demonstrates a modular architecture with separate modules for axes, scatter plot rendering, and a custom shape legend. Data is loaded asynchronously from a CSV file hosted on GitHub, parsed using `csvParse`, and then rendered responsively to the full browser window dimensions.

MMounishAllam@my.unt.edu
94% match
Loading thumbnail…

Activity6_task3.2

This interactive scatter plot visualizes the Iris dataset, displaying sepal length against petal length for each flower specimen. The visualization uses symbols to differentiate species, with a shape legend identifying each category. Built with D3 v7, the example demonstrates ES6 module imports, including `scaleLinear` for axes, `scaleOrdinal` for shape mapping, and `axisLeft` and `axisBottom` for chart scaffolding. The data is fetched from a remote CSV source and parsed client-side before rendering.

PPreethi Medepalli-91
94% match
Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length and petal length while encoding species through distinct point shapes. The chart includes labeled axes (Sepal Length, Petal Length) and a custom shape legend in the upper right. Built with D3 v7, it uses `scaleLinear` for axes and `scaleOrdinal` with `symbolsFill` for shape mapping. The visualization loads data asynchronously via `csvParse` from a GitHub-hosted CSV, then densely renders marks using `path` elements and the `symbol()` generator.

SSatish Nallamadugu
94% 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, with species distinguished by different symbol shapes. The visualization uses D3.js v7, employing `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for shape encoding, and a custom shape legend component. Data is loaded asynchronously from a GitHub-hosted CSV file using `d3.csvParse`. The chart responds to window resizing by redrawing within the full viewport, with axes and labels generated through reusable `axes.js` and `scatterPlot.js` modules.

VVidya Lakshmi Chitturi
94% match
Loading thumbnail…

Activity6_Task3(tutorial 3.2)

This scatter plot visualizes the Iris dataset, mapping sepal length against petal length and encoding species with distinct marker shapes. It loads data from a CSV file hosted on GitHub, parsing and converting numeric fields. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `axisLeft`, and `axisBottom` to construct the plot, axes, and a custom shape legend. The chart updates dynamically as data loads, demonstrating modular ES6 imports and a state-based rendering pattern.

Gguruabhay294@gmail.com
94% match
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
94% 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
93% match
Loading thumbnail…

Activity6_Task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length to petal length and encoding species with distinct symbols. It uses D3 v7 modules such as `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `symbol` to draw marks and axes. The visualization is built with modular ES6 imports for chart, axes, and legend components. Data is loaded asynchronously via `fetch` and parsed with `csvParse`, then rendered in an SVG that fills the window.

LLakshmiDeepikaPagadala@my.unt.edu
93% match