Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Vvemulasai306@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot showing sepal length versus petal length, with species encoded by point shape and a legend. It demonstrates modular D3 code organization: a scatterPlot module manages scaling and marks, while axes and shapeLegend modules add labeled axes and a symbol legend. Data loads from a remote CSV file using d3.csvParse. The code separates visualization logic into reusable ES6 modules and uses d3.scaleLinear, d3.scaleOrdinal, d3.symbol, and d3.axisLeft/axisBottom.

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 visualizes the Iris dataset with a scatter plot that encodes sepal length on the x-axis, petal length on the y-axis, and species using distinct point shapes. It demonstrates modular D3 v7 code organization with local ES6 modules for axes, scatter plot rendering, and a custom shape legend. The visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbol`, and `d3.axisLeft`/`d3.axisBottom`. Data loads asynchronously via `fetch` and `d3.csvParse`, with points rendered as SVG paths using the d3 symbol generator.

LLayaMyadam@my.unt.edu
96% 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
95% match
Loading thumbnail…

Activity 6_Task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with species distinguished using different symbol shapes from D3’s `symbolsFill` and `scaleOrdinal`. A shape legend, created via custom functions, identifies each species. The code uses D3 v7 modules like `axisBottom`, `axisLeft`, `scaleLinear`, and `symbol`, loading data from a remote CSV and parsing it with `csvParse`. The visualization demonstrates modular ES6 imports and responsive SVG rendering.

NNagalakshmi Thota
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, showing sepal length versus petal length with different point shapes representing species. The visualization loads data from a GitHub-hosted CSV file, parses it with `d3.csvParse`, and renders points using D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` generators. A custom shape legend, implemented as an ES6 module, displays the three species with matching symbols. Axes are drawn using `axisLeft` and `axisBottom`, with labels positioned via D3 selection methods.

Gguttavenkata745@gmail.com
95% match
Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot of the Iris dataset, mapping sepal length on the x-axis and petal length on the y-axis, with species indicated by different symbols and a legend. The visualization loads the data from a GitHub CSV file, parses it with `d3.csvParse`, and uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.symbolsFill`, and `d3.axisBottom`/`d3.axisLeft` for scales and axes. The code employs a `join`-based declarative grammar to build SVG elements, with a custom `shapeLegend` for symbol encoding. The plot adapts to the window size and updates dynamically as data loads.

RRJVENKATESH789@GMAIL.COM
95% match
Loading thumbnail…

Activity6_Task3.1

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length along the x- and y-axes while encoding species using distinct symbol shapes. The plot includes a custom shape legend and axis labels, with the data loaded from a remote CSV file. The visualization is built with D3 v7, using `scaleLinear`, `scaleOrdinal`, and `symbol` from the `d3` module to position points and generate shapes. Axes and legend are created through reusable local ES6 modules, `axes.js` and `shapeLegend.js`, which import functions like `axisLeft` and `axisBottom` from D3.

Hhaneesh@gctc.in
95% 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
95% match
Loading thumbnail…

Activity6_Task3.2

This example demonstrates a scatter plot of the Iris dataset, encoding sepal length on the x-axis, petal length on the y-axis, and species as symbol shapes (circles, triangles, and squares) with a custom legend. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill for shape mapping, and d3.axisLeft/axisBottom via a reusable axes module. The data loads asynchronously as CSV from a GitHub repository and is parsed with d3.csvParse. The visualization builds its SVG using d3.select and join patterns, with local ES6 modules for modular structure.

DDeekshitha Annreddy
95% match