D3 on Visual Cinnamon

GitHub Commit History Timeline

Tue, 28 Jan 2025 00:00:00 +0000

Through the Builders program (previously MIECO) of Mozilla, I collaborated with Adam Bouhenguel to create an interactive visualization that shows the entire commit history of a GitHub repository. It includes an option to highlight those contributors that have been awarded with ORCA. (The Open Retrospective Compensation Agreement (ORCA), conceived by Adam, is a simple agreement for businesses to share revenue with the open source contributors who make that revenue possible.) This visual is created to work for any GitHub repository and includes documentation on how to prepare the data and load the visual for other repositories than the default of pdf.js.

Visualizing the Top Contributor Network of Any GitHub Repo

Tue, 28 Jan 2025 00:00:00 +0000

In this blog I want to show you the design process that went into creating the “Top Contributor Network” visual. Showing the ecosystem and synergy of the other repositories the top contributors of any GitHub repository have worked on.

How it started from a simple network, and became it’s own thing. How it involved endless tweaking, and how it then all broke, before growing into its final form.

You can find the interactive visual here (ps: it’s not really meant for mobile screens) and you can find all of the code and documentation for the visual here.

Charting Our Adventures: How I Created a Personalized Map with R, JavaScript, and more

Mon, 17 Apr 2023 00:00:00 +0000

In this blog, I’d like to show you how I created the map below of Senja, Lofoten & Vesterålen in Norway. Using a combination of tools, including the OpenStreetMap API, Amazon Web Services Terrain Tiles, R, d3.js, and JavaScript, I was able to create a unique and personal map that features our hikes, Google location history, and the locations we stayed at during our 5-month trip through Norway in 2022.