{"id":9071,"date":"2022-01-19T21:06:00","date_gmt":"2022-01-19T20:06:00","guid":{"rendered":"https:\/\/monodes.com\/predaelli\/?p=9071"},"modified":"2022-01-19T08:11:50","modified_gmt":"2022-01-19T07:11:50","slug":"sequence-diagrams","status":"publish","type":"post","link":"https:\/\/monodes.com\/predaelli\/2022\/01\/19\/sequence-diagrams\/","title":{"rendered":"Sequence diagrams"},"content":{"rendered":"\n<p>I neede to draw some sequence diagrams. Many people use presentation software like LibreOffice Impress or drawing software but I&#8217;m lazy and slow with those programs. Let&#8217;s add that I want to use them in a reveal.js presentation. So <a href=\"https:\/\/duckduckgo.com\/?t=ffab&amp;q=sequence+diagram+reveal.js&amp;ia=web\">I asked DuckDuckGo<\/a>, discovering <a href=\"https:\/\/github.com\/denniskniep\/reveal.js-plugin-sequence-diagrams\">https:\/\/github.com\/denniskniep\/reveal.js-plugin-sequence-diagrams<\/a> which uses <a href=\"https:\/\/bramp.github.io\/js-sequence-diagrams\/\">https:\/\/bramp.github.io\/js-sequence-diagrams\/<\/a>. The latter in particular is really a smart piece of software!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"841\" height=\"372\" data-attachment-id=\"9072\" data-permalink=\"https:\/\/monodes.com\/predaelli\/2022\/01\/19\/sequence-diagrams\/js-sequence-diagrams\/\" data-orig-file=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?fit=841%2C372&amp;ssl=1\" data-orig-size=\"841,372\" 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=\"js-sequence-diagrams\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?fit=510%2C226&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?resize=841%2C372&#038;ssl=1\" alt=\"\" class=\"wp-image-9072\" srcset=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?w=841&amp;ssl=1 841w, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?resize=300%2C133&amp;ssl=1 300w, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?resize=510%2C226&amp;ssl=1 510w, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?resize=768%2C340&amp;ssl=1 768w\" sizes=\"auto, (max-width: 841px) 100vw, 841px\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p class=\"excerpt\">I neede to draw some sequence diagrams. Many people use presentation software like LibreOffice Impress or drawing software but I&#8217;m lazy and slow with those programs. Let&#8217;s add that I want to use them in a reveal.js presentation. So I asked DuckDuckGo, discovering https:\/\/github.com\/denniskniep\/reveal.js-plugin-sequence-diagrams which uses https:\/\/bramp.github.io\/js-sequence-diagrams\/. The latter in particular is really a smart&hellip;<\/p>\n<p class=\"more-link-p\"><a class=\"more-link\" href=\"https:\/\/monodes.com\/predaelli\/2022\/01\/19\/sequence-diagrams\/\">Read more &rarr;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_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,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":"","jetpack_publicize_message":"","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},"categories":[52,14],"tags":[310,309],"class_list":["post-9071","post","type-post","status-publish","format-standard","hentry","category-software","category-software-libero","tag-reveal-js","tag-sequence-diagrams"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6daft-2mj","jetpack-related-posts":[{"id":1920,"url":"https:\/\/monodes.com\/predaelli\/2016\/11\/17\/pst-stru\/","url_meta":{"origin":9071,"position":0},"title":"pst-stru","author":"Paolo Redaelli","date":"2016-11-17","format":false,"excerpt":"pst-stru from\u00a0GIUSEPPE MATARAZZO deserve some attention since it allow to draw parametric diagrams! As far as I can say no other structure plotting offer this feature. It's quite sad that it only works only on PostScript as \"modern\" Tex versions tends to work on PDF.","rel":"","context":"In &quot;Tex&quot;","block_context":{"text":"Tex","link":"https:\/\/monodes.com\/predaelli\/category\/tex\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":9226,"url":"https:\/\/monodes.com\/predaelli\/2022\/04\/02\/excalidraw-online-whiteboard-collaboration-made-easy\/","url_meta":{"origin":9071,"position":1},"title":"Excalidraw+ | Online whiteboard collaboration made easy","author":"Paolo Redaelli","date":"2022-04-02","format":false,"excerpt":"Whiteboarding tool with hand drawn like experience. Ideal for conducting interviews, drawing diagrams, prototypes or sketches and much more! Source: Excalidraw+ | Online whiteboard collaboration made easy Go to https:\/\/excalidraw.com\/ Sources on https:\/\/github.com\/excalidraw\/excalidraw","rel":"","context":"In &quot;Senza categoria&quot;","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":13697,"url":"https:\/\/monodes.com\/predaelli\/2025\/07\/12\/mellowtel\/","url_meta":{"origin":9071,"position":2},"title":"Mellowtel","author":"Paolo Redaelli","date":"2025-07-12","format":"link","excerpt":"Mellowtel is the open-source monetization platform for developers and creators in the AI world. It has been used in Browser Extensions Turning Nearly 1 Million Browsers Into Website-Scraping Bots, but it's just a tool, it can be used for the good and the bad","rel":"","context":"In &quot;Senza categoria&quot;","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":10560,"url":"https:\/\/monodes.com\/predaelli\/2023\/06\/24\/babylonian-square-root\/","url_meta":{"origin":9071,"position":3},"title":"Babylonian square root","author":"Paolo Redaelli","date":"2023-06-24","format":false,"excerpt":"Compute \u221aa like a #Babylonian....1) Make a guess x\u2080 > 0 for \u221aa2) The average x\u2081 = \u00bd (x\u2080 +a\/x\u2080) is closer to \u221aa than either x\u2080 or a\/x\u20803) Iterating step 2 gives you a sequence x\u2081, x\u2082, x\u2083, ... that converges to \u221aa . From FB","rel":"","context":"In &quot;Senza categoria&quot;","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2023\/06\/babylonian-square-root.webp?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2023\/06\/babylonian-square-root.webp?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2023\/06\/babylonian-square-root.webp?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2023\/06\/babylonian-square-root.webp?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2023\/06\/babylonian-square-root.webp?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":209,"url":"https:\/\/monodes.com\/predaelli\/2015\/06\/05\/musescore-2-0-released\/","url_meta":{"origin":9071,"position":4},"title":"MuseScore 2.0 Released!","author":"Paolo Redaelli","date":"2015-06-05","format":false,"excerpt":"That's a good new for all my musician friends! MuseScore 2.0 Released! Today we are thrilled to announce the availability of the official MuseScore 2.0 release! This release represents the culmination of over four years of development, including technical contributions from over 400 people and feedback from hundreds more users\u2026","rel":"","context":"In &quot;Senza categoria&quot;","block_context":{"text":"Senza categoria","link":"https:\/\/monodes.com\/predaelli\/category\/senza-categoria\/"},"img":{"alt_text":"Musescore 2.0","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2015\/06\/musescore2.jpg?fit=800%2C485&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2015\/06\/musescore2.jpg?fit=800%2C485&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2015\/06\/musescore2.jpg?fit=800%2C485&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2015\/06\/musescore2.jpg?fit=800%2C485&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":5468,"url":"https:\/\/monodes.com\/predaelli\/2019\/04\/09\/bmorel-autorealm-bitbucket\/","url_meta":{"origin":9071,"position":5},"title":"bmorel \/ autoRealm \u2014 Bitbucket","author":"Paolo Redaelli","date":"2019-04-09","format":false,"excerpt":"AutoREALM (bmorel \/ autoRealm \u2014 Bitbucket) is a drawing software mostly oriented to create RPG maps and dungeons, targeting people with no drawing or computer knowledge. This software were written for windows, in delphi and were not maintained from many years, so I decided to rewrite it with more portable\u2026","rel":"","context":"In &quot;Fun&quot;","block_context":{"text":"Fun","link":"https:\/\/monodes.com\/predaelli\/category\/fun\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=1050%2C600&ssl=1 3x, https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2019\/04\/autorealm-example-1.jpg?resize=1400%2C800&ssl=1 4x"},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/9071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/comments?post=9071"}],"version-history":[{"count":0,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/posts\/9071\/revisions"}],"wp:attachment":[{"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/media?parent=9071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/categories?post=9071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monodes.com\/predaelli\/wp-json\/wp\/v2\/tags?post=9071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}