Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 3.2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

7c7f698c31794431b8d3fb642655ec2c

Open

Tutorial 3.2

0 stars0🌍 Public
GGangumalla Ruchitha Reddy
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Hello VizHub

This scatter plot displays iris flower measurements, mapping sepal length and petal length to Cartesian coordinates while encoding species with different SVG symbols. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill to assign distinct shapes, and a custom shape legend positioned at a fixed offset. Data is loaded asynchronously from a GitHub-hosted CSV file and parsed with d3.csvParse. The code builds the chart through reusable d3 function components for axes, legend, and plot rendering.

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.