{"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_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":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},"jetpack_post_was_ever_published":false,"_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":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Leonid Mamchenkov\"\/>\n\t<meta name=\"google-site-verification\" content=\"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Leonid Mamchenkov - Life, universe, and everything else\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"js-sequence-diagrams - Leonid Mamchenkov\" \/>\n\t\t<meta property=\"og:description\" content=\"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2015-09-16T07:46:35+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2015-09-16T07:47:41+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MamchenkovBlog\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:title\" content=\"js-sequence-diagrams - Leonid Mamchenkov\" \/>\n\t\t<meta name=\"twitter:description\" content=\"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@mamchenkov\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#blogposting\",\"name\":\"js-sequence-diagrams - Leonid Mamchenkov\",\"headline\":\"js-sequence-diagrams\",\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/wp-content\\\/uploads\\\/2015\\\/09\\\/diagram-500x192.png\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#articleImage\"},\"datePublished\":\"2015-09-16T09:46:35+02:00\",\"dateModified\":\"2015-09-16T09:47:41+02:00\",\"inLanguage\":\"en-US\",\"commentCount\":3,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#webpage\"},\"articleSection\":\"All, Technology, Web work, charts, JavaScript, UML\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"position\":3,\"name\":\"Web work\",\"item\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#listItem\",\"name\":\"js-sequence-diagrams\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#listItem\",\"position\":4,\"name\":\"js-sequence-diagrams\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/category\\\/technology\\\/web-work\\\/#listItem\",\"name\":\"Web work\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/\",\"name\":\"Leonid Mamchenkov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g\",\"width\":96,\"height\":96,\"caption\":\"Leonid Mamchenkov\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#webpage\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/\",\"name\":\"js-sequence-diagrams - Leonid Mamchenkov\",\"description\":\"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/2015\\\/09\\\/16\\\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/author\\\/leonid\\\/#author\"},\"datePublished\":\"2015-09-16T09:46:35+02:00\",\"dateModified\":\"2015-09-16T09:47:41+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/\",\"name\":\"Blog of Leonid Mamchenkov\",\"description\":\"Life, universe, and everything else\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mamchenkov.net\\\/wordpress\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"js-sequence-diagrams - Leonid Mamchenkov","description":"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!","canonical_url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"VHvdD0_usx1_4DzKy_QCVcICVgX2EgA2ybELT-wl7kQ","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#blogposting","name":"js-sequence-diagrams - Leonid Mamchenkov","headline":"js-sequence-diagrams","author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/09\/diagram-500x192.png","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#articleImage"},"datePublished":"2015-09-16T09:46:35+02:00","dateModified":"2015-09-16T09:47:41+02:00","inLanguage":"en-US","commentCount":3,"mainEntityOfPage":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#webpage"},"isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#webpage"},"articleSection":"All, Technology, Web work, charts, JavaScript, UML"},{"@type":"BreadcrumbList","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","position":1,"name":"Home","item":"https:\/\/mamchenkov.net\/wordpress","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","position":3,"name":"Web work","item":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#listItem","name":"js-sequence-diagrams"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#listItem","position":4,"name":"js-sequence-diagrams","previousItem":{"@type":"ListItem","@id":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/#listItem","name":"Web work"}}]},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/#person","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"Person","@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author","url":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/","name":"Leonid Mamchenkov","image":{"@type":"ImageObject","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/3cf6df002a284d78fb6e9d8222ca4d102e0832035ed6bc8447008bd234e131a4?s=96&d=identicon&r=g","width":96,"height":96,"caption":"Leonid Mamchenkov"}},{"@type":"WebPage","@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#webpage","url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/","name":"js-sequence-diagrams - Leonid Mamchenkov","description":"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#website"},"breadcrumb":{"@id":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/#breadcrumblist"},"author":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"creator":{"@id":"https:\/\/mamchenkov.net\/wordpress\/author\/leonid\/#author"},"datePublished":"2015-09-16T09:46:35+02:00","dateModified":"2015-09-16T09:47:41+02:00"},{"@type":"WebSite","@id":"https:\/\/mamchenkov.net\/wordpress\/#website","url":"https:\/\/mamchenkov.net\/wordpress\/","name":"Blog of Leonid Mamchenkov","description":"Life, universe, and everything else","inLanguage":"en-US","publisher":{"@id":"https:\/\/mamchenkov.net\/wordpress\/#person"}}]},"og:locale":"en_US","og:site_name":"Leonid Mamchenkov - Life, universe, and everything else","og:type":"article","og:title":"js-sequence-diagrams - Leonid Mamchenkov","og:description":"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!","og:url":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/","og:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:secure_url":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg","og:image:width":1024,"og:image:height":1024,"article:published_time":"2015-09-16T07:46:35+00:00","article:modified_time":"2015-09-16T07:47:41+00:00","article:publisher":"https:\/\/www.facebook.com\/MamchenkovBlog","twitter:card":"summary_large_image","twitter:site":"@mamchenkov","twitter:title":"js-sequence-diagrams - Leonid Mamchenkov","twitter:description":"js-sequence-diagrams - turns text into UML sequence diagrams, like this one: It supports a couple of styles - simple and hand-drawn. Handy!","twitter:creator":"@mamchenkov","twitter:image":"https:\/\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2026\/03\/leonid-sailing-beer.jpg"},"aioseo_meta_data":{"post_id":"24742","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-07-20 02:54:33","updated":"2026-01-15 11:42:57","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/\" title=\"Web work\">Web work<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tjs-sequence-diagrams\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/mamchenkov.net\/wordpress"},{"label":"Technology","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/"},{"label":"Web work","link":"https:\/\/mamchenkov.net\/wordpress\/category\/technology\/web-work\/"},{"label":"js-sequence-diagrams","link":"https:\/\/mamchenkov.net\/wordpress\/2015\/09\/16\/js-sequence-diagrams-turns-text-into-uml-sequence-diagrams\/"}],"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}]}}