Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-Task3.2

Public visualization

Viewing a saved revision (read-only)

2639be9339b8437cbe0030e3a3626b91

Activity6-Task3.2

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024

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.

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.