Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 3.2

Public visualization

Viewing a saved revision (read-only)

16c3a6cc3cac4b7aa8b90fd755254f76

Tutorial 3.2

0 stars0🌍 Public
Sshivasaikumart@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

This scatter plot shows the relationship between sepal length and petal length for three iris species, with each species represented by a distinct symbol shape and color. The visualization uses D3’s scaleLinear, scaleOrdinal, and axis utilities to position marks and render labeled axes. A shape legend, built with the d3.symbol API, identifies species symbols. The data is loaded from a remote CSV, parsed with csvParse, and rendered on an SVG canvas. The example demonstrates custom reusable components for axes and legends using the select and join pattern.

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.