Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 Git History Streamgraph v2

Public visualization

Viewing a saved revision (read-only)

0b8c8a45654e46d999a0dcc011342d9a

D3 Git History Streamgraph v2

0 stars1🌍 Public
CCurran Kelleher
Last edited Apr 23, 2021
Created on Apr 23, 2021

This visualization shows the evolution of D3 repository commits over time as a streamgraph, with each colored area representing a different repository and its width reflecting smoothed commit counts. The code loads JSON commit data, aggregates it by week and repository, and applies Gaussian blur smoothing via the `array-blur` library. It then uses D3's `stack` with `stackOffsetWiggle` and `stackOrderInsideOut` to generate the streamgraph layout, rendered as SVG paths with `areaGenerator`. The `d3-area-label` library positions labels within each stream, while hover interactions turn areas black.

AI-generated description

This is an experiment in visualizing D3 Git History.

ISC Licensed