Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 3.2

Public visualization

Viewing a saved revision (read-only)

e3caac7e6f564cf68512b87b8c8d9614

Tutorial 3.2

0 stars0🌍 Public
Jjtulasi05@gmail.com
Last edited Oct 22, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

A D3.js scatter plot displays iris flower measurements, plotting sepal length against petal length. Distinct symbols represent different species, with a legend mapping each species to its corresponding marker shape. The visualization loads CSV data from a GitHub repository, parsing and converting numerical strings to numbers. The code constructs linear scales for both axes and an ordinal scale for shapes, using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` to generate the visual encoding. Custom functions manage axes and legend rendering via `d3.select` and SVG path joins.

AI-generated description