Skip to main content
100%

Fork of D3 Git History Streamgraph

✓ Published0🌍 Public
TTilamenceFeng
Last edited Nov 26, 2021
Created on Nov 26, 2021

This streamgraph visualizes the commit history of the D3.js project across its many repositories from 2010 to 2021. Each colored layer represents a single D3 package, with thickness showing the number of commits per week, smoothed using `array-blur` and ordered chronologically by each repository’s first commit. The visualization uses `d3.stack` with `stackOffsetWiggle` and `stackOrderAppearance`, an SVG `area` generator, and `d3-area-label` for labels, rendering with `d3.axisTop` and `d3.axisBottom`. Data comes from a JSON file of all D3 commits, with layers hyperlinked to their respective GitHub repositories.

AI-generated description

This is an experiment in visualizing D3 Git History. 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.

It was the starting point for the open source project: stamen/git-history-streamgraph.

ISC Licensed

Similar vizzes