Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 Scatter Plot with Curran's Symbols

Public visualization

Viewing a saved revision (read-only)

38b52b91cb854c17b9412abad4c14c5c

Reusable D3 Scatter Plot with Curran's Symbols

0 stars2🌍 Public
FFelipe Maion
Last edited May 9, 2021
Created on May 8, 2021

This example visualizes the growth of Curran Kelleher's YouTube channel subscribers over time, plotting each data point as a custom SVG path resembling a person. The visualization uses D3 v6 to load a CSV file, parse dates, and build a scatter plot with time and linear scales for the x and y axes. A unique "Curran" symbol path is applied to every point, with hover tooltips showing the total subscriber count and date via appended `<title>` elements. The code demonstrates D3's reusable chart pattern with getter and setter methods.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.