bpmn-js-token-simulation
diagrams
bpmn-js-token-simulation | diagrams | |
---|---|---|
2 | 110 | |
238 | 35,003 | |
2.9% | - | |
8.3 | 6.2 | |
13 days ago | 29 days ago | |
JavaScript | Python | |
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.
bpmn-js-token-simulation
-
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
-
Stately Editor Public Beta
Nice work! Anything that helps visualise state I'm happy to see.
Reading the linked article I'm unclear: does Stately generate output that we run with XState? Or is it a SaaS where we design and run the state machine (a bit like Camunda provides for running BPMN diagrams)?
If not already present, a visual runner would be awesome - like https://github.com/bpmn-io/bpmn-js-token-simulation allows, to explore the state.
diagrams
- Diagrams as Code
-
Mastering Matplotlib: A Step-by-Step Tutorial for Beginners
diagrams - Diagram as Code.
- How to draw beautiful software architecture diagrams
-
Top 9 Architecture diagram software for cloud infrastructure
Mingrammer is an intriguing tool for individuals who prefer coding diagrams rather than creating them through graphical interfaces. It operates using Python code and offers a relatively quick setup process. It is compatible with AWS, Azure, GCP, Alibaba, and Oracle. Notably, the project is open source and has garnered significant attention on GitHub with over 31K stars.
-
Pravljenje AWS strukturnog diagrama
Ja sam koristio ovo: https://diagrams.mingrammer.com/
-
Dynamically generate Cloud System Architecture diagram
That’s another option: https://diagrams.mingrammer.com Guessing with IaC done with Pulumi (Python) and this, it could pretty powerful and automatically generated.
- [Golang] Diagrammes comme code avec Go?
- Network diagram Tool
-
Top 7 diagrams as code tools for software architecture
Diagrams allow you to draw cloud system architectures using Python code.
-
Do you like to draw while explaining stuff?
I use excalidraw a lot for short conversations. If I have to go into major detail I use diagrams https://diagrams.mingrammer.com
What are some alternatives?
excalidraw-claymate - A tool based on Excalidraw to create stop motion animations and slides.
c4-draw.io - Draw.io template/diagram containing C4 Model shapes. Drawio Diagrams.net
bpmn-engine - BPMN 2.0 execution engine. Open source javascript workflow engine.
Graphviz - Simple Python interface for Graphviz
hexapod - Blazing fast hexapod robot simulator for the web.
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
qni - Quantum live-programming app that runs in your browser.
pygraphviz - Python interface to Graphviz graph drawing package
manim - A community-maintained Python framework for creating mathematical animations.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
bpmn-js-examples - Examples how to use bpmn-js
vscode-drawio - This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.