Flex Flowcharts

Last saturday I went to the Adobe Usergroup meeting in Gent (Belgium). It featured the Adobe Prerelease tour, Christophe’s presentation about Prana and, last but not least a presentation about lovely charts. Loverly Charts is an application to created flowcharts and diagrams online. This reminded me of a project I’ve been working on now and then the last 3 years. It doesn’t have a title / name yet, but it is a flowcharting application aswell.

You can created flowcharts, which are stored in a database. The flowcharts have metadata, like the perspon who is responsable for that chart, name, description, etc… Each step in a flowchart has metadata aswell. Charts can be linked to eachother, so you can describe a main proces which links to sub-processes aswell.

I’ve put a little demo online at: http://labs.aboutme.be/charts/

Enjoy!

15 Responses to “Flex Flowcharts”


  • I looked at your http://labs.aboutme.be/charts/. This looks cool. I noticed your view source link was broken. Is this something you are planning to share with community or is it closed source.

    Shailesh
    Now, Test Management is a breeze

  • Shailesh,

    It’s closed source for now, as I need client approval to release the source code on this project.

  • This is truly amazing. If you were able to get client approval I have no doubt the code would benefit and inspire many Flex developers.

    Hope you’re able to work it out, but either way this is a great example of what’s possible with Flex. Brilliant!

  • Hi,

    Congratulations for your work, I’ve been developing something similar for concept mapping, but your work is outstanding!

    Please, could you tell us when the client aprroval code releasing?

  • By the way,

    Have you thought about including bendpoints for edges? Take a look at asdia project (http://code.google.com/p/asdia/). Maybe it could be useful…

  • hey Wooter,
    Congratulations for this amazing application!

    Please, could you tell us when the client aprroval code releasing?

  • This app is really cool, please could you explain how did you do (some ideas, like “i’ve used canvas for image and on the corners y use XXX for the link points…) if the client do not approve the code release??

    I need to do something like this so it could be really helpful.

    Thanks in advance.

  • I want Soundcood flowcharts

    you Help me pless.

    thank you.

    you send cood e-mail Kawsan447@hotmail.com

  • Dear Wouter,
    I realize it is a quite a while since you posted this sample, but I found it while searching for some sample code to get me going in the right direction on a VERY small subset of the functionality you built. Specifically I just need to drag a bunch of prebuilt rectangles onto a canvas and then allow the user to move them around and then connect them with lines. I was wondering if you could share a little bit more detail on how you managed the drawing, creation of selection handles and redrawing as the user moves things around the canvas.

  • Very nice, any plans to share the code to the community?

  • Hi..

    Am Abdul..
    The Demo is very nice..
    Where i get the source code for that..
    Or tell how to develop this kind of application..

    Catch: abduljas@gmail.com

  • When can we be able to see your source code for further study into how its implemented. Or can you please tell me where can I find a similar open source project with code.

  • Hi wouter,

    I’m searching for this kind of application, it was a great work.

    Please can you share the code or else explain the development of application.

    looking forward for your mail: anjan569@hotmail.com

  • Great app, any change in status of the sharing of the code?

  • Hi wouter,

    It was a great work.

    Please can you share the code

    looking forward for your mail: nokkiy123@naver.com

Leave a Reply