Title: I&#x27;m using Mermaid, Excalidraw and PlantUML diagrams to explain and document what I&#x27;m working on and they work great and are a lot better than screens of prose, but I&#x27;ve become aware that something is missing: motion.<p>Animation brings a whole lot more to explanations, making simple explanations of how request coalescing works easy to understand, token simulations [0] through to helping explain concepts like Fresnel lenses [1]. Embedding them into GitHub READMEs, tweets and documentation would be awesome.<p>Google do it to illustrate posts (e.g. <a href="https:&#x2F;&#x2F;blog.chromium.org&#x2F;2021&#x2F;03&#x2F;a-safer-default-for-navigation-https.html" rel="nofollow">https:&#x2F;&#x2F;blog.chromium.org&#x2F;2021&#x2F;03&#x2F;a-safer-default-for-naviga...</a>).<p>I found Excalidraw Claymate [2] but the stop motion approach with no tweening support makes it painful to create animations where circles move from place to place. There&#x27;s also Manim [3] but I think this is more for maths.<p>Adobe Flash used to be the go-to; what do you reach for when you want to illustrate a concept with an animated diagram?<p>0. <a href="https:&#x2F;&#x2F;github.com&#x2F;bpmn-io&#x2F;bpmn-js-token-simulation" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;bpmn-io&#x2F;bpmn-js-token-simulation</a><p>1. <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=30576688" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=30576688</a><p>2. <a href="https:&#x2F;&#x2F;github.com&#x2F;dai-shi&#x2F;excalidraw-claymate" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;dai-shi&#x2F;excalidraw-claymate</a><p>3. <a href="https:&#x2F;&#x2F;github.com&#x2F;ManimCommunity&#x2F;manim" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ManimCommunity&#x2F;manim</a>
Upvote: