Skip to main content
SimilarExport ZIP
100%

activity6_task3.2

✓ Published0🌍 Public
Ggketan456@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example visualizes the Iris dataset as a scatter plot, mapping sepal length and petal length on the axes while using different symbol shapes to distinguish between plant species. It uses D3 v7 APIs such as `scaleLinear`, `scaleOrdinal`, `symbol`, and `symbolsFill` to handle axes, scaling, and shape encoding. A custom legend is drawn using `shapeLegend`. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with `csvParse`.

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…

activity 6 task3.2

This example shows the classic Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a different symbol shape. A legend maps the species names to their corresponding shapes. The visualization is built with D3 v7, using scales like `scaleLinear` and `scaleOrdinal` along with `symbolGenerator` for shape rendering. The axes are drawn via `axisLeft` and `axisBottom`, and the data is loaded from a remote CSV file using `csvParse`.

Ssairamisetti3829@gmail.com
95% match
Loading thumbnail…

Activity06Task3.2

This example visualizes the Iris flower dataset as a scatter plot, mapping sepal length to the x-axis and petal length to the y-axis, with different plant species distinguished by distinct filled symbols. The visualization uses D3.js v7, leveraging `scaleLinear` and `scaleOrdinal` to map data dimensions to chart coordinates and symbol shapes. It loads data from a remote CSV file, computes axis scales, and renders axes with labels via custom `axisLeft` and `axisBottom` utilities. A shape legend, generated using `symbol`, displays the species categories alongside the plot.

Bbharatchowdarypotluri@my.unt.edu
95% match
Loading thumbnail…

Activity6_Task3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with the three species distinguished by different symbol shapes. A shape legend identifies each species, and the plot includes styled axes with labels. The visualization is built using D3 v7, employing `scaleLinear` for the x and y scales, `scaleOrdinal` with `symbolsFill` for the shapes, and the `csvParse` method to load data from a GitHub-hosted CSV file. The `axes` and `shapeLegend` modules handle the axis and legend rendering.

Nnsairitwikreddy@gmail.com
95% match
Loading thumbnail…

Activity6_task 3.2

This example visualizes the Iris dataset as a scatter plot of sepal length against petal length, with each species distinguished by a distinct symbol shape and a legend labeling the species. The visualization loads the CSV data via fetch and d3.csvParse, then renders the plot using D3.js v7, constructing linear scales, ordinal shape encoding, and axes. The chart relies on reusable D3 modules for scatter plot rendering, axes, and a custom shape legend, with symbols generated via the d3.symbol and symbolsFill API.

PPreethamreddyannavaram@my.unt.edu
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.2

This visualization displays the Iris dataset using a D3.js scatter plot, mapping sepal length to the x-axis and petal length to the y-axis. Each data point is rendered as a path with a distinct symbol from `symbolsFill`, where the species determines its shape. It loads CSV data via `d3.csvParse` from a remote GitHub source and uses `scaleLinear` for positioning and `scaleOrdinal` for shape encoding. A custom legend shows the species labels, and the axes are drawn with `axisLeft` and `axisBottom`.

SSeema Shrestha
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 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