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.

Flowchart.js – Simple SVG flow chart diagrams from textual representation

223 pointsby dolaover 9 years ago

11 comments

mistercowover 9 years ago
This looks really awesome. The description language really needs documentation though; it's pretty hard to figure out what to do just from the examples and the parser's source.
joaomsaover 9 years ago
Reminds of <a href="http:&#x2F;&#x2F;knsv.github.io&#x2F;mermaid&#x2F;flowchart.html" rel="nofollow">http:&#x2F;&#x2F;knsv.github.io&#x2F;mermaid&#x2F;flowchart.html</a><p>Both could use better node layout engines and support for DOT syntax or might be easier to adapt graphviz with Emscripten.
whosbeinover 9 years ago
Is there something similar to this for making server infrastructure maps? Just something where one can define db, web, network device, whatever, and then make a layout diagram with maybe name and IP address thrown in there?<p>And apologies for another &quot;is there something like this for X&quot; comment!
评论 #10222546 未加载
评论 #10222249 未加载
sntranover 9 years ago
Remind me of this old service: <a href="https:&#x2F;&#x2F;www.websequencediagrams.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.websequencediagrams.com&#x2F;</a>
anders30over 9 years ago
This is a wonderful tool for simple flow charting. I agree with other posters that a little more documentation would be nice and would also like to request the ability to export the underlying SVG (I&#x27;m still browsing source to see if that exists). I&#x27;m willing to help add both, thank you for this!
评论 #10221274 未加载
评论 #10222383 未加载
Eclypsover 9 years ago
Very cool! I really hate getting a bunch of visio flow charts to describe processes - those aren&#x27;t things that I can easily modify without having the proper application. Does anybody know of other tools that take some sort of simple language and converts it into a flow like this?
评论 #10221386 未加载
escherizeover 9 years ago
Is there something like this for directed graphs?
评论 #10221426 未加载
评论 #10222240 未加载
评论 #10221850 未加载
burtonatorover 9 years ago
AWESOME that it&#x27;s SVG but dot&#x2F;graphviz supports SVG output.<p>What I&#x27;ve been doing is I just have a dir of .dot files and then I have a gen.sh script which writes the SVG&#x2F;PNG files.<p>Dot is a bit more low level but more powerful. Great for documenting protocols or state machines.
foreignerover 9 years ago
Cool but I want to encode the textual representation as a URL and have a service return the SVG so I can embed this in e.g. a GitHub Markdown document. See e.g. <a href="http:&#x2F;&#x2F;yuml.me" rel="nofollow">http:&#x2F;&#x2F;yuml.me</a>
fred2133over 9 years ago
I might have started with DOT. I get that this is more specialized, though. Nice work.
kerseykyleover 9 years ago
is there a way to group together conditions?