4 ms·
JS Sequence Diagrams – UML Sequence Diagram in SVG from Text
- tobych 11y agoIs this the same syntax that PlantUML uses? http://plantuml.com/sequence.html http://plantuml.com/sequence.html
- revelation 11y agoThat looks much more complete. The syntax is given on the GitHub page but really only covers a very very small subset of UML sequence diagrams.
- haddr 11y ago+1 for plant uml, also for that rose color scheme (for those who rememeber Rational Rose)
- josteink 11y agoIt seems similar to http://www.websequencediagrams.com http://www.websequencediagrams.com, which plantuml was modelled after. And that has a million integrations available, including a pretty good emacs-module[1] ;) [1] https://github.com/josteink/wsd-mode https://github.com/josteink/wsd-mode
- mahmoudimus 11y agoI am a big big fan of http://www.gravizo.com/ http://www.gravizo.com/ as well. It's amazing.
- DanielBMarkham 11y agoVery cool. Would love to see this for class diagrams.
- fsiefken 11y agoThis look similar to mermaid diagrams, but mermaid seems more complete
- gohrt 11y agoRelated: https://en.wikipedia.org/wiki/MscGen https://en.wikipedia.org/wiki/MscGen
- octygen 11y agoWhen I was at Disney back in 2011, we used this daily for a year: https://www.websequencediagrams.com/ https://www.websequencediagrams.com/ If you have a good tech architect running a meeting this tool is great to create sequence flows on the fly. It's also got great builtin features like exporting and an API for integration. Last but not least, it has the Rational Rose theme @haddr mentioned but my personal favorite is boring ol' Blue Modern
- baconner 11y agoHey these are great. Anyone know of one that will produce a playable animation through the sequence?
- livoras 11y agoState diagram will be useful.
- rmanalan 11y agoThis lib isn't new. Glad to see it here on HN. I remember building a simple editor for it on jsbin a few years ago: http://output.jsbin.com/ebahuh http://output.jsbin.com/ebahuh
- gregmac 11y agoNeat. Threw together a usermacro for Atlassian Confluence that uses this as a quick and dirty proof of concept: https://gist.github.com/gregmac/fa89a3d86dcb1a008153 https://gist.github.com/gregmac/fa89a3d86dcb1a008153
- kevindeasis 11y agoThis is really cool and looks fun. Ive been trying to find something like in the past. Ive been using software to do uml and it just wasnt fun.
- sharpercoder 11y agoI prefer fast & simple SVG over "hand-drawn-generated" SVG. Does your generation support this? I noticed a lot of DOM junk in the current generated graphs.
- jamies888888 11y agoImpressive! Any reason you chose Raphael over D3?
- espadrine 11y agoThis reminds me a lot of https://github.com/tpatel/OpenSequenceDiagrams.js https://github.com/tpatel/OpenSequenceDiagrams.js, which was designed to be collaborative (eg, https://thefiletree.com/demo/diagram.sequence https://thefiletree.com/demo/diagram.sequence). It seems way more streamlined, produces more beautiful results, and probably could be made collaborative as well. Edit: I made a realtime collaborative plug, here is an example: https://thefiletree.com/espadrine/sequence.sequence https://thefiletree.com/espadrine/sequence.sequence However, the syntax is not as extended, it seems.