Circle Packing 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 different astronomy targets that Hubble has observed

Wed, 08 Apr 2020 09:00:00 +0000

Besides a visualization that plotted Hubble’s observation on a map in the sky, I created another dataviz for Physics Today to celebrate the Hubble Space Telescope’s 30 year anniversary in April 2020. Revealing the types of astronomy targets that Hubble has been looking at. In this design blog I’ll take you through the design process that led to the final visual.

Learnings from a d3.js addict on starting with canvas

Mon, 16 Nov 2015 00:00:00 +0000

In this blog I’d like to take you through my learnings from last week when I finally started with canvas. I hope that, after reading this blog, I will have convinced you that canvas is a really good visualization option if you need better performance than d3.js can give you and that it’s actually not that difficult to learn canvas.

Placing text on arcs with d3.js

Wed, 30 Sep 2015 00:00:00 +0000

In this tutorial I want to go into something I’ve learned while creating a personal project called A Closer Look into the Division of Occupations & Age: how to place SVG text on arcs or paths. And how to combine this with d3’s existing donut-chart-like layouts.