Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

letstryd3

Public visualization

Viewing a saved revision (read-only)

5a512a63c65a4ab8bf5b9cb35ae8bc4d

letstryd3

0 stars1🌍 Public
Pparniantaghipour
Last edited Apr 22, 2023
Created on Jan 4, 2023
Forked from timeline-line

This example visualizes a historical dataset of individuals’ birth and death dates as an interactive timeline. It renders circles for each person along a horizontal time axis, with a filtered subset highlighted in a different color. The visualization uses D3 v7 to create SVG elements, including year markers and draggable controller points that adjust the selected range. It incorporates custom curve logic for smooth path interpolation and applies color coding to distinguish between the full dataset and the currently selected time window.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.