Interactive Flowcharts with code2flow

Home » Blog » Software » Interactive Flowcharts with code2flow

Visualisation often helps immensely when trying to understand complex systems and interactions.

Visualising these systems and their behaviour can be a daunting task though:

Covering each and every path a workflow or process might take can be quite arduous. In many cases it’s not even possible to comprehensively describe a system that has not yet been implemented. Edge cases frequently only tend to surface once a software has been tried out under real conditions. Software in turn needs to adapt quickly, which all too often brings about inconsistent documentation (which arguably is worse than no documentation at all …)

code2flow is a new diagramming tool that interactively turns JavaScript-like pseudo-code into flowcharts!

You can try it out here. The resulting flowcharts look like this:


code2flow is a readily accessible, reactive tool that provides instant feedback to your input, which is how I think coding tools (and tools visualising code for that matter) should really work.

One comment
  1. Damian Kaczmarek February 28, 2017 at 11:12 am

    I’m Damian from Code Charm, maker of code2flow. I just stumbled upon your post, thanks for covering our product. 🙂 I’m very glad you find it useful. If you have any other remarks or ideas feel free to talk to me.

Leave a Comment

* Checkbox GDPR is required


I agree

By continuing to browse the site you agree to our use of cookies. Privacy Policy

Privacy Preference Center

Strictly necessary

These cookies are necessary for the site to function.

PHPSESSID: Preserves user session state across page requests.

__cfduid: Used by the content network, Cloudflare, to identify trusted web traffic.



Remembers the user's submitted data when a comment is submitted in a blog post. The purpose is to aut o-populate form fields for subsequent comments, in order to save time for the user.



Statistic cookies help us to understand how visitors interact with our websites by collecting and reporting information anonymously.

_ga: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

_gat: Used by Google Analytics to throttle request rate.

_gid: Registers a unique ID that is used to generate statistical data on how the visitor uses the website.

collect: Used to send data to Google Analytics about the visitor's device and behaviour. Tracks the visitor across d evices and marketing channels.



We use Wordfence to secure our website against hacking attempts:


Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?