Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 3.2

Public visualization

Viewing a saved revision (read-only)

8577db1cd5634a4eb6bfe5a0b3122dd4

Tutorial 3.2

0 stars0🌍 Public
Ppnamitha46@gmail.com
Last edited Oct 20, 2024
Created on Oct 20, 2024
Forked from Hello VizHub

This scatter plot visualizes the Iris dataset, showing the relationship between sepal and petal length for three species. The d3.js code uses `scaleLinear` for the x- and y-axes, and `scaleOrdinal` with `symbolsFill` to distinguish species by shape (circles, squares, and other symbols). A custom legend component displays the symbol-to-species mapping, while the `axes` module renders labeled axes using `axisBottom` and `axisLeft`. Data is loaded asynchronously from a 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.