{"id":24742,"date":"2015-09-16T09:46:35","date_gmt":"2015-09-16T07:46:35","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=24742"},"modified":"2015-09-16T09:47:41","modified_gmt":"2015-09-16T07:47:41","slug":"js-sequence-diagrams-turns-text-into-uml-sequence-diagrams","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/","title":{"rendered":"js-sequence-diagrams"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"http:\/\/bramp.github.io\/js-sequence-diagrams\/\">js-sequence-diagrams<\/a> &#8211; turns text into UML sequence diagrams, like this one:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"24743\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/diagram-2\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram.png?fit=856%2C329&amp;ssl=1\" data-orig-size=\"856,329\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"diagram\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram.png?fit=660%2C254&amp;ssl=1\" class=\"aligncenter size-medium wp-image-24743\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram-500x192.png?resize=500%2C192&#038;ssl=1\" alt=\"diagram\" width=\"500\" height=\"192\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram.png?resize=500%2C192&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram.png?w=856&amp;ssl=1 856w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>It supports a couple of styles &#8211; simple and hand-drawn. Handy!<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>js-sequence-diagrams &#8211; turns text into UML sequence diagrams, like this one: It supports a couple of styles &#8211; simple and hand-drawn. Handy!<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"js-sequence-diagrams - turns text into UML sequence diagrams #UML #JavaScript #diagrams","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1313,1139,3378],"keyring_services":[],"class_list":["post-24742","post","type-post","status-publish","format-standard","hentry","category-general","category-technology","category-web-work","tag-charts","tag-javascript","tag-uml"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":26952,"url":"https:\/\/mamchenkov.net\/wordpress\/2016\/11\/24\/smartdraw-the-smartest-way-to-draw-anything\/","url_meta":{"origin":24742,"position":0},"title":"SmartDraw &#8211; The Smartest Way to Draw Anything","author":"Leonid Mamchenkov","date":"November 24, 2016","format":false,"excerpt":"It's not often that I need to draw a diagram or a flowchart these days. \u00a0My time is mostly consumed by more technically challenging tasks. \u00a0And whenever I do have to produce some form of a chart, I usually fallback on to the Graphviz dot, which allows me to do\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2016\/11\/devices-cloud-buy.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":29223,"url":"https:\/\/mamchenkov.net\/wordpress\/2019\/01\/15\/cloud-diagrams-notes\/","url_meta":{"origin":24742,"position":1},"title":"Cloud Diagrams &#038; Notes","author":"Leonid Mamchenkov","date":"January 15, 2019","format":false,"excerpt":"Jerry Hargrove - Cloud Diagrams & Notes is an excellent resource for (mostly Amazon AWS) cloud diagrams and notes. I'm sure I've seen some of these around, but never thought to visit the original site. To some degree, these are similar to the Julia Evans' drawings, but are more subject\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2019\/01\/Amazon-Lightsail.png?resize=1400%2C800&ssl=1 4x"},"classes":[]},{"id":23081,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/12\/03\/mermaid-markdown-like-generation-of-flowcharts-and-diagrams\/","url_meta":{"origin":24742,"position":2},"title":"mermaid &#8211; markdown-like generation of flowcharts and diagrams","author":"Leonid Mamchenkov","date":"December 3, 2014","format":"link","excerpt":"mermaid - markdown-like generation of flowcharts and diagrams. \u00a0This is like a web-oriented, d3-based implementation of the dot tool from the GraphViz package. \u00a0","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"graph","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/12\/graph-500x123.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27276,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/01\/30\/generate-php-class-inheritance-diagrams-with-graphviz\/","url_meta":{"origin":24742,"position":3},"title":"Generate PHP Class Inheritance Diagrams with Graphviz","author":"Leonid Mamchenkov","date":"January 30, 2017","format":false,"excerpt":"It's not a secret that I'm a big fan of GraphViz\u00a0- powerful, yet easy to use graph visualization software. \u00a0And I've blog about it quite a few times. \u00a0Well, guess what - today is a perfect day for one more post. Over the weekend I was working on refactoring some\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/01\/class-hierarchy-500x269.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":9538,"url":"https:\/\/mamchenkov.net\/wordpress\/2005\/10\/07\/daily-del-icio-us-bookmarks\/","url_meta":{"origin":24742,"position":4},"title":"Daily del.icio.us bookmarks","author":"Leonid Mamchenkov","date":"October 7, 2005","format":false,"excerpt":"I have slightly changed the appearence of the links in daily del.icio.us dumps. Now the links themselves should be more obvious. Tags are not as visible as they used to be, but they are still here and you can find them if you want to. Banknotes of the Modern World\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":7783,"url":"https:\/\/mamchenkov.net\/wordpress\/2004\/08\/09\/old-microphones\/","url_meta":{"origin":24742,"position":5},"title":"Old microphones","author":"Leonid Mamchenkov","date":"August 9, 2004","format":false,"excerpt":"If you enjoyed all the old stuff until now, then you should also like this website, which brings covers everything you wanted to know about old professional microphones (broadcasting, etc). Lots of pictures, diagrams, and schemes for you to enjoy too.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/24742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=24742"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/24742\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=24742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=24742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=24742"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=24742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}