{"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-medium-file=\"https:\/\/i0.wp.com\/monodes.com\/predaelli\/wp-content\/uploads\/sites\/4\/2022\/01\/js-sequence-diagrams.webp?fit=300%2C133&amp;ssl=1\" 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_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_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}},"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":2268,"url":"https:\/\/monodes.com\/predaelli\/2017\/03\/11\/a-programmers-introduction-to-unicode\/","url_meta":{"origin":9071,"position":5},"title":"A Programmer\u2019s Introduction to Unicode","author":"Paolo Redaelli","date":"2017-03-11","format":"link","excerpt":"\u00abA Programmer\u2019s Introduction to Unicode\u00bb from Nathan Reed\u2019s coding blog A Programmer\u2019s Introduction to Unicode March 3, 2017 \u00b7 Coding \u00b7 7 Comments \uff35\uff4e\uff49\uff43\uff4f\uff44\uff45! \ud83c\udd64\ud83c\udd5d\ud83c\udd58\ud83c\udd52\ud83c\udd5e\ud83c\udd53\ud83c\udd54\u203d \ud83c\uddfa\u200c\ud83c\uddf3\u200c\ud83c\uddee\u200c\ud83c\udde8\u200c\ud83c\uddf4\u200c\ud83c\udde9\u200c\ud83c\uddea! \ud83d\ude04 The very name strikes fear and awe into the hearts of programmers worldwide. We all know we ought to \u201csupport Unicode\u201d in our\u2026","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":[]}],"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}]}}