Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Streamgraph Layout with Light Smoothing

Public visualization

Viewing a saved revision (read-only)

0602cb817ea440989753508fc10bfe13

Streamgraph Layout with Light Smoothing

0 stars0🌍 Public
CCurran Kelleher
Last edited Apr 30, 2021
Created on Apr 30, 2021

This example visualizes the commit history of the D3.js repository as a streamgraph, where each stream represents a different repository and the vertical thickness shows the smoothed number of weekly commits. The layout uses a wiggle offset and inside-out stacking to minimize visual distortion. Data is loaded from a JSON file, aggregated by week, and smoothed using `array-blur`. The visualization is rendered as SVG using D3's `area` generator for paths and `d3-area-label` for labels.

AI-generated description

This is an experiment in visualizing D3 Git History.

ISC Licensed