1
0 Comments

Your app visualized

I'm exploring tools to create interesting visualizations of software. I've also found the existing diagramming tools bland and not effective. Here is an example use case of a bitcoin trade on a centralized exchange visualized two ways. The first as a traditional sequence diagram. The below diagram has a simplified architecture for a financial exchange. For example a gateway component (GWY), a matching engine component to match the orders (ENG), a market data component (MKD) to broadcast trade events to all market data subscribers (World) and two traders (User1 and User2).

bitcoin trade diagram

It does the job, but even this simple use case has a lot going on in the diagram. As the system gets more complicated I find I have to schedule meetings to walk people through the diagrams before they actually understand it. Plus I feel that software is exciting and this doesn't capture the fun of it. So here is an example visualization with two parts. The first part is a straight conversion of the above sequence diagram. You can view the video

here (note there is no sound)

The second part around 1:14 shows some more effects I been playing around with adding. For example custom images and gifs. Its a bit crude as I just threw it together but I would really like some feedback on the concept. Also if anyone would like me to convert a diagram for them I would be happy to, free of charge.

on December 2, 2022