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.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.