Fork of D3 Git History Streamgraph

Fork of D3 Git History Streamgraph

This visualization shows the commit history of D3 packages as a streamgraph, where each colored layer represents a repository and its thickness reflects the number of weekly commits, smoothed with `array-blur`. Layer order follows the first commit date, revealing the monolithic `d3` repository’s early dominance and the later explosion of packages around the 4.0 release. The code uses `d3.stackOffsetWiggle`, `d3.area`, and `d3-area-label` for the streamgraph rendering, with data loaded from a JSON file of all D3 commits. SVG output includes interactive links to each GitHub repository.

Ddaniel

Fork of D3 Git History Streamgraph

This visualization shows a streamgraph of commit activity across the many D3 repositories, with each layer representing a package and thickness reflecting weekly commit counts with smoothing applied via the `array-blur` library. Layer order follows the time of first commit, revealing the early dominance of the monolithic d3 repo and the explosion of packages around the 4.0 release. Built with D3 v6, it uses `d3.stack()` with `stackOffsetWiggle` and `stackOrderAppearance`, plus `d3-area-label` for labels. Data comes from a JSON file of all D3 commits, rendered as SVG paths with an axis and hover effects.

GGeolffrey S Mena

Fork of D3 Git History Streamgraph

This visualization shows the development history of the D3 ecosystem as a streamgraph, where each layered area represents a D3 repository and its thickness shows the number of commits per week, smoothed with `array-blur`. Layers are ordered by first commit time, revealing the monolithic `d3` repo’s early dominance and the 2014 explosion into many packages. The code uses `d3.stack` with `stackOffsetWiggle` and `stackOrderAppearance`, renders SVG paths via `d3.area`, and styles hover states with CSS. Data comes from a JSON file of all D3 commits, with labels placed using `d3-area-label`.

SSarthak Singh

Fork of D3 Git History Streamgraph

This streamgraph visualizes the commit history of the D3.js ecosystem, with each layer representing a repository and thickness showing smoothed weekly commit counts. Layers are ordered by first commit date, revealing the monolithic `d3` repository’s early dominance, the 2014 package explosion for version 4.0, and later spikes like `d3-delaunay`. The code uses `d3.stack` with `stackOffsetWiggle`, `stackOrderAppearance`, `d3.area`, `d3.scaleTime`, and `d3.scaleOrdinal` for color, plus `d3-area-label` for labels and `array-blur` for smoothing. The SVG renders against a black background from JSON data loaded via `d3.json`.

BBenLeathers

Fork of D3 Git History Streamgraph

This streamgraph visualizes the commit history of every D3 repository, with each layer representing a package and its thickness showing the smoothed number of commits per week. The layer order follows the first commit date, revealing the shift from the monolithic d3 repository to the 4.0 package explosion. The code uses d3.stack with stackOffsetWiggle and stackOrderAppearance, d3.area for rendering, and d3-area-label for labels. Data comes from a JSON file aggregating all D3 commits, smoothed via array-blur.

PPhilippe Rivière

Fork of D3 Git History

This streamgraph visualization shows the commit history of the D3.js ecosystem, with each colored layer representing a repository and its thickness reflecting the number of commits per week. The data comes from the all-d3-commits JSON, processed with d3.stack and stackOffsetWiggle, while d3.areaLabel positions repository names within the layers. Layers are ordered by first-commit time, highlighting the monolithic d3 repository’s development before the 2014 4.0 package explosion. The code uses d3.scaleTime, d3.scaleLinear, array-blur for smoothing, and renders to SVG with hover effects that highlight individual areas.

WWenceslao A. Zuloaga

Fork of D3 Git History Streamgraph

This visualization shows the commit history of the D3.js organization’s GitHub repositories as a streamgraph, with each layer representing a different D3 package and its thickness indicating smoothed weekly commit counts. The layer order reflects when each repository was first created, revealing the monolithic early development of `d3` and the 2014 explosion of packages. Built with D3 v6, it uses `d3.stack` with `stackOffsetWiggle`, `stackOrderAppearance`, `d3.area`, and the `d3-area-label` library, rendering to SVG. Data comes from a JSON file of all D3 commits.

Ccssergio

Fork of D3 Git History Streamgraph

This visualization displays the commit history of D3 repositories as a streamgraph, where each layer represents a repository and its thickness shows smoothed weekly commit counts. The layer order follows the chronological introduction of each repository, revealing the shift from the monolithic d3 repository to the 4.0 package explosion. The code uses d3.stack with stackOffsetWiggle and stackOrderAppearance, array-blur for smoothing, d3-area-label for labeling, and d3.scaleOrdinal with hcl colors. Data comes from a JSON file of all D3 commits, rendered as SVG paths with hover effects that highlight individual layers.

CCecilia831