{"id":71,"date":"2026-05-26T07:05:25","date_gmt":"2026-05-26T07:05:25","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/"},"modified":"2026-07-30T01:18:17","modified_gmt":"2026-07-30T01:18:17","slug":"plantuml-sequence-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/","title":{"rendered":"PlantUML Sequence Diagram Syntax Guide"},"content":{"rendered":"<h2>What is a Sequence Diagram?<\/h2>\n<p>A <strong>Sequence Diagram<\/strong> is a behavioral <strong>UML diagram<\/strong> that details how software operations are carried out over time. As a core standard of the Unified Modeling Language (UML) specification, it models the precise chronological order in which objects, processes, or microservices exchange messages. By mapping lifelines vertically and sequential interactions horizontally, this specific <strong>UML diagram type<\/strong> allows software engineers and system architects to clearly visualize complex API call sequences, network data handshakes, and database transaction boundaries before writing production code.<\/p>\n<p>With <strong>VPasCode<\/strong>, you don&#8217;t have to spend hours aligning parallel arrows, stretching message lines, or shifting bounding boxes around to make space for a new step. Our layout engine computes the entire timeline grid dynamically as you type your plain-text declarative scripts.<\/p>\n<h2>Core Syntax Guide: Elements and Constructs<\/h2>\n<p>To design an actionable, standards-compliant UML sequence diagram in PlantUML, you need to master component declarations, message arrow styles, lifelines, and logical control structures.<\/p>\n<h3>1. Declaring UML Participants and Shapes<\/h3>\n<p>By default, components in this UML diagram inherit a standard square box shape. However, you can change the visual archetype of your entities to give readers instant architectural context about your system boundaries using specific UML keywords:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:IqmkoIzISCx9JCqhuULAoY_DIqaigbHGSWpmL71FB4ajJwnKKaWiXh5vkPBpyqgAydCKd25qJceHBrTAOabYKc9nge9IG7vnINfHQd2W3rYNYnC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">actor Client\r\nboundary \"API Gateway\" as Gateway\r\ncontrol Controller\r\ndatabase \"PostgreSQL\" as DB<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:IqmkoIzISCx9JCqhuULAoY_DIqaigbHGSWpmL71FB4ajJwnKKaWiXh5vkPBpyqgAydCKd25qJceHBrTAOabYKc9nge9IG7vnINfHQd2W3rYNYnC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"KAQHVeB\"><img fetchpriority=\"high\" decoding=\"async\" width=\"327\" height=\"171\" class=\"alignnone size-full wp-image-559 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png 327w, https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa-300x157.png 300w\" sizes=\"(max-width: 327px) 100vw, 327px\" \/><\/p>\n<h3>2. Message Arrows and Synchronicity<\/h3>\n<p>The style of your arrow lines and heads establishes the exact communication protocol occurring across your infrastructure pipelines based on UML diagram standards:<\/p>\n<ul>\n<li><strong>Synchronous Request (Blocking):<\/strong> Indicated by a solid line and a solid arrow head. The sender waits for a response: <code>A -&gt; B<\/code><\/li>\n<li><strong>Asynchronous Message (Non-Blocking):<\/strong> Indicated by a solid line and an open thin arrow head. The sender passes data and proceeds immediately: <code>A -&gt;&gt; B<\/code><\/li>\n<li><strong>Response \/ Return Value:<\/strong> Indicated by a dotted line and an open arrow head: <code>B --&gt; A<\/code><\/li>\n<\/ul>\n<h3>3. Managing Lifelines (Activation and Deactivation)<\/h3>\n<p>To prevent your components from looking like flat bars, you should explicitly show when a process is actively consuming CPU threads or memory capacity. Use the <code>activate<\/code> and <code>deactivate<\/code> markers, or use the shorthand inline increment syntax (<code>++<\/code> \/ <code>--<\/code>):<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoazEBIuEIApCJSqhqT1KukL2KgCBrE8EqwqBKb-KMb9QbATGb9gScbbGeWG0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">Gateway -&gt; Controller ++ : \"processPayment()\"\r\nController --&gt; Gateway -- : \"return receipt\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:SqyiIIrFh5JGjLDmpiyhAShFoKajKj3MLh1IK2eeoazEBIuEIApCJSqhqT1KukL2KgCBrE8EqwqBKb-KMb9QbATGb9gScbbGeWG0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"gzStGhj\"><img decoding=\"async\" width=\"235\" height=\"140\" class=\"alignnone size-full wp-image-560 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8700563f.png\" alt=\"\" \/><\/p>\n<h3>4. Logic Blocks: Alternatives, Loops, and Parallels<\/h3>\n<p>Complex business logic (such as if\/else forks, database retries, or parallel execution threads) must be wrapped inside structured global frame boundaries known as combined fragments in the UML diagram specification:<\/p>\n<ul>\n<li><strong>Conditional Logic (alt \/ else):<\/strong> Models conditional forks.\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:NSmn2e0m44JHNl0EWxqNi13q11PU82GZ1a8MTpTuVRNrz--7uh0M8ysELX2bfknPQj_XRS4uOyM4OLE9PCAT_OJoQZGV-ex5Y2FaqfGm3yu_t4-L6rGLVU-97whf0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">alt successful condition\r\n    A -&gt; B : \"Proceed with request\"\r\nelse failure state\r\n    A -&gt; B : \"Throw error code\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:NSmn2e0m44JHNl0EWxqNi13q11PU82GZ1a8MTpTuVRNrz--7uh0M8ysELX2bfknPQj_XRS4uOyM4OLE9PCAT_OJoQZGV-ex5Y2FaqfGm3yu_t4-L6rGLVU-97whf0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"IiQjPoY\"><img decoding=\"async\" width=\"223\" height=\"186\" class=\"alignnone size-full wp-image-561 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f87e19b90.png\" alt=\"\" \/><\/p>\n<\/li>\n<li><strong>Repetition Loops (loop):<\/strong> Models iterations, retries, or queue processing blocks until a condition is satisfied.\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:oydFBr0epIl9p54eB4qjJLN8B5P8pIqegUJbKW22yFoYxDGY1LqxXK2mh9M2abjgINA6GbvgHOb2LdwI4YzNQbuA0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">loop until queue is empty\r\n    Worker -&gt; Queue : \"Fetch next job\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:oydFBr0epIl9p54eB4qjJLN8B5P8pIqegUJbKW22yFoYxDGY1LqxXK2mh9M2abjgINA6GbvgHOb2LdwI4YzNQbuA0000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"xTCUEgP\"><img loading=\"lazy\" decoding=\"async\" width=\"237\" height=\"142\" class=\"alignnone size-full wp-image-562 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f88daf040.png\" alt=\"\" \/><\/p>\n<\/li>\n<li><strong>Parallel Executions (par):<\/strong> Models separate operations executing simultaneously across independent threads.\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:JOmx2iD030LxW-_mS9yBf0ZaKwPAYjHYBGU1zeCa6tpxUBkyRc3cDJAyre96HggiQ5OJkxEF0uvTSRhWMRzljaqIuupfOnACC3gG2kaUadmQ1rRdl-Xnw_AzvYo1j7hKpDRl5r76J46zAVCF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">par Run parallel processes\r\n    A -&gt; LogService : \"Write trace analytics\"\r\nelse\r\n    A -&gt; DB : \"Commit customer profile data\"\r\nend<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:JOmx2iD030LxW-_mS9yBf0ZaKwPAYjHYBGU1zeCa6tpxUBkyRc3cDJAyre96HggiQ5OJkxEF0uvTSRhWMRzljaqIuupfOnACC3gG2kaUadmQ1rRdl-Xnw_AzvYo1j7hKpDRl5r76J46zAVCF\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"xCknQAJ\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"174\" class=\"alignnone size-full wp-image-563 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd43b0677.png\" alt=\"\" \/><\/p>\n<\/li>\n<\/ul>\n<h2>Best Practices for Clean Sequences<\/h2>\n<ul>\n<li><strong>Group Messages Using Dividers:<\/strong> Use double equal signs (<code>== Your Phase ==<\/code>) to break a massive authentication-to-checkout sequence into distinct logical milestones.<\/li>\n<li><strong>Utilize Autonumbering:<\/strong> Place the <code>autonumber<\/code> directive directly below <code>@startuml<\/code>. This forces the workspace to stamp step integers on every arrow, making code reviews significantly easier.<\/li>\n<li><strong>Keep Responses Clean:<\/strong> Avoid writing huge descriptive sentences on return arrows (<code>--&gt;<\/code>). Instead, simply label what raw data object or HTTP code is traveling back (e.g., <code>\"201 Created Token\"<\/code>).<\/li>\n<\/ul>\n<h2>Real-World PlantUML Sequence Diagram Examples<\/h2>\n<h3>Example 1: Microservice Authentication Loop (Alt Blocks &amp; Lifelines)<\/h3>\n<p>This boilerplate handles a standard security sequence where a client authenticates against a gateway, showcasing explicit lifelines and an alternate conditional outcome framework inside a standard UML diagram format.<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:TP5FImCn4CNl2_aEGxmefNGhdZn8YugeXHPtIy_PpTWDpIObVrRqqplJxg47pIN3p8_tNYQBc5H8kRUYK3bvb_i60zLjyW6saUl6PwTL-0QvmmQMnwC45VaMHUjT2jw2NERKGOLXC2sUnzGGXIXO0gOFZCDa0lSWgzpq9i5ZG8qk6MMZ50MFcMAPCxPPLpNCXlcCOdMIfPHDSBKo-owz14G7LMvRZF4pMrZvlN6Y03edYUdeI3gtPGdhTxX-szLG-mEw6pc2R4dSAI617-WqLKygTerNGHE6Dk9ekJ7k0AzkKDReo-n_czwLSzWwJkw3-K7zZsNL-Izu3e5MNNiL4riwpM_LI3zW1fLmtEHbWpU_891-xHS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nautonumber\r\nactor User\r\nboundary \"Web App\" as App\r\ncontrol \"Auth Service\" as Auth\r\n\r\nUser -&gt; App ++ : \"Submit Credentials\"\r\nApp -&gt; Auth ++ : \"POST \/v1\/auth\"\r\n\r\nalt #LightGreen Successful Login\r\n    Auth --&gt; App : \"200 OK (JWT Token)\"\r\n    App --&gt; User : \"Render Dashboard\"\r\nelse #LightPink Invalid Credentials\r\n    Auth --&gt; App : \"401 Unauthorized\"\r\n    App --&gt; User : \"Show Error Toast\"\r\nend\r\n\r\ndeactivate Auth\r\ndeactivate App\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:TP5FImCn4CNl2_aEGxmefNGhdZn8YugeXHPtIy_PpTWDpIObVrRqqplJxg47pIN3p8_tNYQBc5H8kRUYK3bvb_i60zLjyW6saUl6PwTL-0QvmmQMnwC45VaMHUjT2jw2NERKGOLXC2sUnzGGXIXO0gOFZCDa0lSWgzpq9i5ZG8qk6MMZ50MFcMAPCxPPLpNCXlcCOdMIfPHDSBKo-owz14G7LMvRZF4pMrZvlN6Y03edYUdeI3gtPGdhTxX-szLG-mEw6pc2R4dSAI617-WqLKygTerNGHE6Dk9ekJ7k0AzkKDReo-n_czwLSzWwJkw3-K7zZsNL-Izu3e5MNNiL4riwpM_LI3zW1fLmtEHbWpU_891-xHS0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"PVLiNCs\"><img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"392\" class=\"alignnone size-full wp-image-564 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd5649b30.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd5649b30.png 455w, https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd5649b30-300x258.png 300w\" sizes=\"(max-width: 455px) 100vw, 455px\" \/><\/p>\n<p><strong>Syntax Breakdown:<\/strong> The <code>autonumber<\/code> tag automatically manages numbers 1 through 5. The <code>alt<\/code> and <code>else<\/code> blocks are appended with custom hex color flags (e.g., <code>#LightGreen<\/code>) to add an immediate visual highlight to success vs. failure execution paths. The <code>++<\/code> tokens ensure the lifelines remain active during the network call block.<\/p>\n<h3>Example 2: Advanced Order Processing (Loops, Parallels, and Dividers)<\/h3>\n<p>This enterprise architecture blueprint models a robust checkout system that splits tasks across parallel workers, executes database writes, and relies on an external system sync loop.<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:PL9HQzim47ut-3ySVbWsIg3htW8fJHpA2gFr5dTz7B9qYKLaoPoaZkpNxoHxfM5waT3TVTzttzsT3u9274nPY1YSZKE7L1QTYrO9EaDLzoXFBWROD0yL29_kib0YY4vuXEg959A7tJO7TzkoaCu6SWQg5qSd9FWUCMAEvjTxy7qWFKwnwLaMPR5UGzCdxCyhQ4bOBsJGpi8tL4U6-ocCPlhqirwN1Sk1vIqJmzKLh9YKT41eq2fjZv3LLMN1uILdvUHbIii1UDX1xUn1qu2gkk2-MK4ZpWFQ01zWuyzMmdqq1srC_dl7F0cVsUjUq16XZZwuWGasKdApWR7dj4iL_oWsCVIEz9zPnIY8sKaOWmQsGfwEb2o3fn4fT-xB0lZC2hAjiu0cTaRx7XQvmL-D4HBL0l0LiufKfJ0P-YhOfdaWQ3nU8Bwv-JogbCTB4gA7u63H2AqM_oEbmRFdIRrnReGV6EYS9l0yGklW2xHwG0yyj4SCltanu5ve4-cIDrsfYLJuw88-Q3bDUfy6y89TxzofUcEQZBo5skZa8bSoRIGBNzksWPlhQ_YuZrAYzv-uw8whUD7_0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\nautonumber\r\nboundary \"Checkout API\" as API\r\ndatabase \"Orders DB\" as DB\r\ncontrol \"Worker Queue\" as Queue\r\nboundary \"Stripe\" as Stripe\r\n\r\n== Phase 1: Transaction Ledger Validation ==\r\nAPI -&gt; DB ++ : \"Write Pending Order\"\r\nDB --&gt; API -- : \"Order ID Confirmed\"\r\n\r\n== Phase 2: Payment &amp; Async Fulfillment ==\r\nAPI -&gt; Stripe ++ : \"Charge Customer Account\"\r\nStripe --&gt; API -- : \"Payment Authorized\"\r\n\r\npar Parallel Background Operations\r\n    API -&gt; Queue ++ : \"Publish 'Order_Placed' event\"\r\n    deactivate Queue\r\nelse\r\n    API -&gt; DB ++ : \"Update status to 'Paid'\"\r\n    deactivate DB\r\nend\r\n\r\nloop Retrying Up To 3 Times on Network Failure\r\n    API -&gt; API : \"Ping Notification Sync Webhook\"\r\nend\r\n\r\nAPI --&gt; Client : \"Return HTTP 200 (Success)\"\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#plantuml:PL9HQzim47ut-3ySVbWsIg3htW8fJHpA2gFr5dTz7B9qYKLaoPoaZkpNxoHxfM5waT3TVTzttzsT3u9274nPY1YSZKE7L1QTYrO9EaDLzoXFBWROD0yL29_kib0YY4vuXEg959A7tJO7TzkoaCu6SWQg5qSd9FWUCMAEvjTxy7qWFKwnwLaMPR5UGzCdxCyhQ4bOBsJGpi8tL4U6-ocCPlhqirwN1Sk1vIqJmzKLh9YKT41eq2fjZv3LLMN1uILdvUHbIii1UDX1xUn1qu2gkk2-MK4ZpWFQ01zWuyzMmdqq1srC_dl7F0cVsUjUq16XZZwuWGasKdApWR7dj4iL_oWsCVIEz9zPnIY8sKaOWmQsGfwEb2o3fn4fT-xB0lZC2hAjiu0cTaRx7XQvmL-D4HBL0l0LiufKfJ0P-YhOfdaWQ3nU8Bwv-JogbCTB4gA7u63H2AqM_oEbmRFdIRrnReGV6EYS9l0yGklW2xHwG0yyj4SCltanu5ve4-cIDrsfYLJuw88-Q3bDUfy6y89TxzofUcEQZBo5skZa8bSoRIGBNzksWPlhQ_YuZrAYzv-uw8whUD7_0W00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"tlfOsjb\"><img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"605\" class=\"alignnone size-full wp-image-565 \" src=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd66d33a0.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd66d33a0.png 601w, https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd66d33a0-298x300.png 298w, https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18fd66d33a0-150x150.png 150w\" sizes=\"(max-width: 601px) 100vw, 601px\" \/><\/p>\n<p><strong>Syntax Breakdown:<\/strong> The <code>==<\/code> dividers split the layout into distinct operational phases. The <code>par<\/code> block cleanly branches off the messaging arrow path into two separate horizontal paths, illustrating that event publication and database status updates occur simultaneously without blocking each other. The self-pointing arrow (<code>API -&gt; API<\/code>) maps a local internal instance function loop perfectly.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is a Sequence Diagram? A Sequence Diagram is a behavioral UML diagram that details how software operations are carried out over time. As a core standard of the Unified Modeling Language (UML) specification, it models the precise chronological order&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":47,"menu_order":3,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-71","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Sequence Diagram | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T01:18:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\",\"datePublished\":\"2026-05-26T07:05:25+00:00\",\"dateModified\":\"2026-07-30T01:18:17+00:00\",\"description\":\"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/05\\\/img_6a18f8637e3aa.png\",\"width\":327,\"height\":171},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/plantuml-sequence-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PlantUML Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"PlantUML Sequence Diagram Syntax Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/","og_locale":"id_ID","og_type":"article","og_title":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","og_description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/","og_site_name":"VPasCode","article_modified_time":"2026-07-30T01:18:17+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"5 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/","name":"PlantUML Sequence Diagram | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png","datePublished":"2026-05-26T07:05:25+00:00","dateModified":"2026-07-30T01:18:17+00:00","description":"Model API calls and system interactions with PlantUML sequence diagrams in VPasCode, your free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/05\/img_6a18f8637e3aa.png","width":327,"height":171},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/plantuml-sequence-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"PlantUML Playbook","item":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-playbook\/"},{"@type":"ListItem","position":4,"name":"PlantUML Sequence Diagram Syntax Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/47"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}