UA-EdgeTranslator
excalidraw-claymate
UA-EdgeTranslator | excalidraw-claymate | |
---|---|---|
1 | 3 | |
24 | 469 | |
- | - | |
7.9 | 3.8 | |
14 days ago | about 1 year ago | |
C# | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
UA-EdgeTranslator
excalidraw-claymate
- FLaNK Stack Weekly 22 January 2024
- Excalidraw-claymate: based on Excalidraw to create stop motion animations
-
Ask HN: How to quickly animate sketches and 2D diagrams?
I'm using Mermaid, Excalidraw and PlantUML diagrams to explain and document what I'm working on and they work great and are a lot better than screens of prose, but I've become aware that something is missing: motion.
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.
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's also Manim [3] but I think this is more for maths.
Adobe Flash used to be the go-to; what do you reach for when you want to illustrate a concept with an animated diagram?
0. https://github.com/bpmn-io/bpmn-js-token-simulation
1. https://news.ycombinator.com/item?id=30576688
2. https://github.com/dai-shi/excalidraw-claymate
3. https://github.com/ManimCommunity/manim
What are some alternatives?
bpmn-js-token-simulation - A BPMN 2.0 specification compliant token simulator.
workload-discovery-on-aws - Workload Discovery on AWS is a solution to visualize AWS Cloud workloads. With it you can build, customize, and share architecture diagrams of your workloads based on live data from AWS. The solution maintains an inventory of the AWS resources across your accounts and regions, mapping their relationships and displaying them in the user interface.
theatre - Motion design editor for the web
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
diagrams - :art: Diagram as Code for prototyping cloud system architectures
manim - A community-maintained Python framework for creating mathematical animations.
sglang - SGLang is a structured generation language designed for large language models (LLMs). It makes your interaction with models faster and more controllable.