TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Generate System Design diagrams from design spec

4 pointsby jayaprabhakar9 months ago
When designing a distributed system, creating and maintaining design documents with diagrams is time-consuming. FizzBee, our formal methods system, simplifies this process by generating a variety of essential diagrams from a concise, Python-like specification.<p>FizzBee automatically checks your design for correctness and generates:<p>- <i>Communication&#x2F;Block Diagrams</i>: Visualize the components and their interactions.<p>- <i>State Diagrams</i>: Show all possible system states and transitions.<p>- <i>Sequence Diagrams</i>: Explore how the system works interactively.<p>- <i>System Trace Diagrams</i>: Visualize detailed algorithm traces.<p>All this with less than 100 lines of code.<p>Here’s a snippet of how simple it is to model a two-phase commit:<p>```<p><pre><code> action Write: if self.state != &quot;init&quot;: return self.state = &quot;working&quot; for rm in self.PARTICIPANTS: vote = rm.Prepare() if vote == &#x27;aborted&#x27;: self.Abort() return self.prepared.add(rm.ID) self.Commit() </code></pre> ```<p>Try it out and see more examples at <a href="https:&#x2F;&#x2F;fizzbee.io&#x2F;tutorials&#x2F;visualizations&#x2F;" rel="nofollow">https:&#x2F;&#x2F;fizzbee.io&#x2F;tutorials&#x2F;visualizations&#x2F;</a>.<p>Appreciate your feedback.

1 comment

jackdaniels4me9 months ago
This is neat! How does this compare with tools like draw.io or mermaidjs
评论 #41448847 未加载