Visualize your commits in realtime with Ably and GitHub webhooks

In this article, the author demonstrates how they used GitHub webhooks and Netlify serverless functions along with a simple Svelte web app to create an interactive visualizer tool that displays real-time work of their entire engineering organization. The tool was inspired by Gource, which is a software version control visualization tool but works locally and doesn't show data in real-time. The new visualizer tool depicts code committed to a GitHub repository or organization as they happen. The author also explains how the UI can be built with Svelte, how to make a force directed graph with VisJS, and how to convert GitHub webhooks data into JS objects. They also discuss potential extensions of this project and provide useful resources for further reading.