Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task3.2

Public visualization

Viewing a saved revision (read-only)

f65cf4f6a5ec459389606e4f6eb55482

Activity6_Task3.2

0 stars0🌍 Public
Vvenkataravitarunelisetty@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This scatter plot displays the relationship between sepal length and petal length for three iris species, using distinct symbols to differentiate each species. The visualization loads the Iris dataset via a remote CSV, parses it with `d3.csvParse`, and renders it as SVG paths generated by `d3.symbol` and `symbolsFill`. Axes are drawn with `d3.axisLeft` and `d3.axisBottom`, while a custom legend maps species names to shapes using `d3.scaleOrdinal`. The chart updates reactively through a `setState` pattern, fetching and parsing the data asynchronously on initial load.

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.