D3 Git History Streamgraph v1

D3 Git History Streamgraph v2

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.

96% match

D3 Git History Streamgraph v3

This visualization displays the commit history of the D3.js repository as a streamgraph, with each colored layer representing a different repository or subproject. The graph uses weekly aggregated commit counts, smoothed with a blur filter, and arranged using a wiggle offset to minimize visual overlap. Built with D3 v6 and the `d3-area-label` library, it renders as SVG with an interactive hover effect that highlights areas by turning them black. The data comes from a JSON file of all D3 commits, and the streamgraph is scaled to fill the entire browser window.

95% match

D3 Git History Streamgraph

This streamgraph visualizes commit activity across D3’s GitHub repositories over time, with each layer representing a repository and its thickness reflecting smoothed weekly commit counts. The layer order follows each repository’s first commit, revealing the shift from the monolithic d3 repo to a package explosion during the 4.0 release. Using d3.stack with stackOffsetWiggle and stackOrderAppearance, the code applies array-blur smoothing to the data, renders SVG paths via d3.area, and adds hover effects that highlight individual layers. The visualization links each layer to its repository, and labels are positioned using d3-area-label. Data comes from a JSON file of all D3 commits.

92% match

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 streamgraph visualizes commit activity across D3 repositories over time, with each colored layer representing a repository and its thickness showing weekly commit counts smoothed via `array-blur`. Layers are ordered by first commit date, revealing the monolithic `d3` repo’s dominance until 2014, followed by the explosion of modular packages around the 4.0 release. The SVG rendering uses `d3.stack` with `stackOffsetWiggle` and `stackOrderAppearance`, while `d3-area-label` positions labels and `d3.hcl` colors layers. Hover effects highlight individual areas, and each layer links to its GitHub repository.

Aall-over-yet

Fork of D3 Git History Streamgraph

This streamgraph visualizes commit activity across D3’s GitHub repositories over time. Each colored layer represents a repository, with its thickness indicating weekly commit counts after smoothing with `array-blur`. The code loads commit data, aggregates it by week, and uses D3’s `stack`, `stackOffsetWiggle`, and `stackOrderAppearance` to arrange layers, while `d3-area-label` places labels. The layer order reflects the historical introduction of each repository, revealing the shift from the monolithic `d3` repository to many packages after the 4.0 release.

RRoland

Fork of D3 Git History Streamgraph

This streamgraph visualizes the commit history of the d3 GitHub organization. Each colored layer represents a repository, with thickness indicating the number of commits per week, smoothed via the `array-blur` library. Layer order follows the first commit time, showing the shift from the monolithic d3 repo to a proliferation of packages around the 4.0 release. The visualization uses D3 v6’s `area`, `stack`, and `stackOffsetWiggle` APIs, rendering to SVG with area labels from `d3-area-label`. Data comes from a JSON file of all d3 commits.

PPareel Amre

D3 Git History Streamgraph

This visualization shows the commit history of the D3.js project as a streamgraph, revealing patterns of development activity across different repositories over time. The chart displays stacked colored areas, with each color representing a different repository and the vertical thickness indicating monthly commit counts. Built using D3.js version 6.5.0 within a React application, the code leverages d3’s `json`, `scaleTime`, `scaleLinear`, `area`, and `stack` APIs to transform and render the data. The SVG output is generated from aggregated monthly commit data grouped by repository, with colors randomly assigned to each area.