Skip to main content
SimilarExport ZIP
100%

Eric's Fork of A Visual History of Stamen Open Source

✓ Published1🌍 Public
EEric Rodenbeck
Last edited Apr 26, 2021
Created on Apr 26, 2021

This streamgraph shows the commit history of Stamen’s D3-related repositories across time, with each repository as a colored layer whose thickness represents weekly commit counts after smoothing via `array-blur`. Layer order reflects when each repo was first introduced, revealing the monolithic `d3` repository phase (2010–2014) followed by a burst of packages around the 4.0 release and later focused work on `d3-delaunay`. Built with React and D3, it uses `d3.stack` with `stackOffsetWiggle`, `d3.areaLabel` for labels, and SVG paths rendered from JSON data on commit activity.

AI-generated description

This is an experiment in visualizing Stamen's Open Source activity over the years. Each layer is a D3 repository. The thickness of each layer is the number of commits per week with smoothing applied. This visualization uses a modified Streamgraph technique where the layer order is determined by the time of the first commit. So, as you read the labels from bottom to top, that corresponds to the history of when each repository was introduced.

On the whole, one can see that development occurred in the original monolithic d3 repository from late 2010 to mid 2014. In late 2014 we see an explosion of packages, corresponding to the 4.0 release of D3. Since that great explosion, we see a big push on d3-delaunay in 2018, and ongoing development/maintenance work pretty evenly distributed across the various D3 packages.

This piece was created as a submission for D3 Parade 2021.

ISC Licensed

Similar vizzes

Loading thumbnail…

Fork of A Visual History of Stamen Open Source Contributors

This visualization presents a streamgraph of commit activity from the top 100 contributors to Stamen’s open source repositories, with each colored layer representing an individual author and its thickness reflecting weekly commit counts after smoothing via `array-blur`. Layer order follows the timing of first commits, so reading from bottom to top reveals the sequence of contributor involvement. Built with React and D3, it uses `d3.stack` with `stackOffsetWiggle`, `d3.area`, and `d3-area-label` for labels, rendering as SVG from JSON data loaded via `d3.json`.

SShane Gibney
85% match
Loading thumbnail…

A Visual History of Stamen Open Source

A visual history of Stamen's open-source activity. Each repository is a layer whose thickness represents smoothed commits per week, ordered from bottom to top by the date of first commit. The streamgraph uses D3's `stack` with `stackOffsetWiggle` and `stackOrderInsideOut`, with an area generator and `d3-area-label` for labels. The data is loaded from a JSON file, and the visualization is rendered with React and SVG.

CCurran Kelleher
85% match
Loading thumbnail…

Fork of A Visual History of Stamen Open Source Contributors

This example visualizes the commit activity of the top 100 contributors to Stamen’s open source repositories, using a modified streamgraph where layer order reflects the timing of each contributor’s first commit. It uses D3 v6 with `d3.stack`, `stackOffsetWiggle`, and `stackOrderInsideOut` to build the layered chart, and applies smoothing via the `array-blur` library. Each layer’s thickness encodes commits per week, with repository names as labeled anchors. Data comes from a JSON file of all commits, rendered as SVG with hover interactions highlighting individual layers.

777tinna
85% match
Loading thumbnail…

Fork of A Visual History of Stamen Open Source Contributors

This visualization presents a streamgraph of commit activity from the top 100 contributors to Stamen’s open-source repositories, with each layered area representing a contributor’s weekly commits over time. The layer order follows each contributor’s first commit, so reading from bottom to top reveals the chronological introduction of contributors. The graphic uses D3’s `stack` with `stackOffsetWiggle` and `stackOrderInsideOut`, applies smoothing via the `array-blur` library, and labels layers using `d3-area-label`. Data comes from a remote JSON file of all commits, rendered as SVG with a black backdrop to mask gridline artifacts.

RRoland
84% match
Loading thumbnail…

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
83% match
Loading thumbnail…

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
83% match
Loading thumbnail…

A Visual History of Stamen Open Source Contributors

This visualization presents a streamgraph of commit activity from the top 100 contributors to Stamen’s open source repositories, with each colored layer representing a contributor’s weekly commit count over time. Layers are ordered chronologically by first commit, creating a vertical timeline that traces when contributors joined the projects. The code uses d3.stack with stackOffsetWiggle and stackOrderInsideOut to build the streams, applies smoothing via array-blur, and renders the result as SVG paths with interactive hover effects and links to each contributor’s GitHub profile.

CCurran Kelleher
83% match
Loading thumbnail…

Fork of D3 Git History Streamgraph

This visualization shows the development history of the D3.js ecosystem as a streamgraph, where each colored layer represents a D3 package repository and its thickness reflects the smoothed number of weekly commits. The layer order from bottom to top corresponds to when each repository was first introduced, revealing the shift from the monolithic `d3` repository to numerous packages after the 4.0 release. The implementation uses D3 modules including `d3.stackOffsetWiggle`, `d3.stackOrderAppearance`, `d3.area`, `d3.scaleTime`, and `d3.scaleLinear`, with `d3-area-label` for layer labels and `array-blur` for data smoothing, rendering as an SVG from a JSON dataset of commits.

Uuplusv
83% match