from Hacker News

Ask HN: How can I make animated flowcharts to showcase architecture

by start123 on 8/11/23, 11:32 AM with 6 comments

I have seen a few websites that showcase design and architecture using animated gifs.

Here is one example(1st image in the link) https://www.confluent.io/blog/confluent-developer-launches-free-apache-kafka-courses-and-tutorials-online/

How can I make one of these where you can visualize packets of data flowing?

  • by brudgers on 8/11/23, 2:36 PM

    There are many tools for doing keyframe animation and have been for many many years.

    The difficult part of keyframe animation is not tools.

    The difficult part of is keyframe animation is the time and effort it takes to select keyframes, the transitions, and their durations. Making animations is time consuming.

    Confluent is a public company. Someone made the animation as part of their job because the time expense of animating had some business rationale.

    Anyway the best tool is "I don't care how long it takes to learn from making it." Or not. YMMV. Good luck.

  • by jschveibinz on 8/11/23, 2:06 PM

    PowerPoint provides animation of shapes that would satisfy your application. It’s a short learning curve. You can create a video, as well. Cheers.

  • by nullindividual on 8/11/23, 1:24 PM

    I’ve also been looking for something like this to show how HTTP traffic flows through my infrastructure.