js-sequence-diagrams - Turns text into UML sequence diagrams | Hacker News Reader

js-sequence-diagrams - Turns text into UML sequence diagrams

bramp.github.io

88 pointsgulbrandr12 comments

Open articleView on HN

Previous discussion: https://news.ycombinator.com/item?id=5432110

Including this alternative, built in AngularJS: http://sullerandras.github.io/SVG-Sequence-Diagram/

the angularjs seems to be broken, at least in FF 22.0

The first thing that comes to my mind is how this can be used to easily convey cryptographic protocols :)

This is really cool. I hate drawing these diagrams but customers just love to them in their specifications!

I hoped it would turn my JavaScript code into UML sequence diagrams :(

Yes, I would love to have something that would generate diagrams out of the code and hopefully could be 'live' so I could tweak it and for example provide initial value of some variable and observe where and how it changes things. I struggle every time when I am building something a bit more complex - visualisation like this would help me handle the mental model which is too big/complicated for my brain-RAM.

Upvoted for judicious use of the phrase "brain-RAM". Me likey :).

Nice. Doesnt let you use "Object" name though, errors out

Wow, never seen that bug before. I've created a issue ticket ( https://github.com/bramp/js-sequence-diagrams/issues/39 ), and I will fix it shortly.

Fixed. Turns out to be a bug in Raphaël (the graphic library).

how is it different from http://www.websequencediagrams.com/ ?

The difference is between server-side vs client-side afaik. From the article:

  Heavily inspired by websequencediagrams.com, who offer a 
  serverside solution. We use Jison to parse the text, and 
  Raphaël to draw the image.

Reply on news.ycombinator.com