{ "verified": "22/22 examples rendered successfully via /plantuml/svg/", "generated": "2026-08-16", "note": "Examples are extracted from the bundled help pages and each one is render-verified on this server. Follow help_url for the full reference of a type.", "types": [ { "id": "sequence-diagram", "label": "Sequence", "description": "Show interactions between objects", "help_url": "https://uml.singsk.com/help/sequence-diagram.html", "example": "@startuml\nAlice -> Bob: Authentication Request\nBob --> Alice: Authentication Response\n\nAlice -> Bob: Another authentication Request\nAlice <-- Bob: Another authentication Response\n@enduml", "url": "https://uml.singsk.com/help/sequence-diagram.html" }, { "id": "use-case-diagram", "label": "Use Case", "description": "Describe system functionality", "help_url": "https://uml.singsk.com/help/use-case-diagram.html", "example": "@startuml\n\n(First usecase)\n(Another usecase) as (UC2)\nusecase UC3\nusecase (Last\\nusecase) as UC4\n\n@enduml", "url": "https://uml.singsk.com/help/use-case-diagram.html" }, { "id": "class-diagram", "label": "Class", "description": "Define class structure", "help_url": "https://uml.singsk.com/help/class-diagram.html", "example": "@startuml\nabstract abstract\nabstract class \"abstract class\"\nannotation annotation\ncircle circle\n() circle_short_form\nclass class\nclass class_stereo <>\ndataclass dataclass\ndiamond diamond\n<> diamond_short_form\nentity entity\nenum enum\nexception exception\ninterface interface\nmetaclass metaclass\nprotocol protocol\nrecord record\nstereotype stereotype\nstruct struct\n@enduml", "url": "https://uml.singsk.com/help/class-diagram.html" }, { "id": "activity-diagram-beta", "label": "Activity", "description": "Model workflows and processes", "help_url": "https://uml.singsk.com/help/activity-diagram-beta.html", "example": "@startuml\n:Hello world;\n:This is defined on\nseveral **lines**;\n@enduml", "url": "https://uml.singsk.com/help/activity-diagram-beta.html" }, { "id": "activity-diagram-legacy", "label": "Activity (legacy)", "description": "Activity Diagram Legacy", "help_url": "https://uml.singsk.com/help/activity-diagram-legacy.html", "example": "@startuml\n\n(*) --> \"First Action\"\n\"First Action\" --> (*)\n\n@enduml", "url": "https://uml.singsk.com/help/activity-diagram-legacy.html" }, { "id": "component-diagram", "label": "Component", "description": "Organize system components", "help_url": "https://uml.singsk.com/help/component-diagram.html", "example": "@startuml\n\n[First component]\n[Another component] as Comp2\ncomponent Comp3\ncomponent [Last\\ncomponent] as Comp4\n\n@enduml", "url": "https://uml.singsk.com/help/component-diagram.html" }, { "id": "state-diagram", "label": "State", "description": "Track object states", "help_url": "https://uml.singsk.com/help/state-diagram.html", "example": "@startuml\n\n[*] --> State1\nState1 --> [*]\nState1 : this is a string\nState1 : this is another string\n\nState1 -> State2\nState2 --> [*]\n\n@enduml", "url": "https://uml.singsk.com/help/state-diagram.html" }, { "id": "object-diagram", "label": "Object", "description": "Show object instances", "help_url": "https://uml.singsk.com/help/object-diagram.html", "example": "@startuml\nobject firstObject\nobject \"My Second Object\" as o2\n@enduml", "url": "https://uml.singsk.com/help/object-diagram.html" }, { "id": "deployment-diagram", "label": "Deployment", "description": "Define infrastructure", "help_url": "https://uml.singsk.com/help/deployment-diagram.html", "example": "@startuml\naction action\nactor actor\nactor/ \"actor/\"\nagent agent\nartifact artifact\nboundary boundary\ncard card\ncircle circle\ncloud cloud\ncollections collections\ncomponent component\ncontrol control\ndatabase database\nentity entity\nfile file\nfolder folder\nframe frame\nhexagon hexagon\ninterface interface\nlabel label\nnode node\npackage package\nperson person\nprocess process\nqueue queue\nrectangle rectangle\nstack stack\nstorage storage\nusecase usecase\nusecase/ \"usecase/\"\n@enduml", "url": "https://uml.singsk.com/help/deployment-diagram.html" }, { "id": "timing-diagram", "label": "Timing", "description": "Analyze timing behavior", "help_url": "https://uml.singsk.com/help/timing-diagram.html", "example": "@startuml\nrobust \"Web Browser\" as WB\nconcise \"Web User\" as WU\nrectangle \"Rect. Web User\" as RWU\n\n@0\nWU is Idle\nRWU is Idle\nWB is Idle\n\n@100\nWU is Waiting\nRWU is Waiting\nWB is Processing\n\n@300\nWB is Waiting\n@enduml", "url": "https://uml.singsk.com/help/timing-diagram.html" }, { "id": "regex", "label": "Regex", "description": "Regular expression reference", "help_url": "https://uml.singsk.com/help/regex.html", "example": "@startregex\ntitle litteralText\nabc\n@endregex", "url": "https://uml.singsk.com/help/regex.html" }, { "id": "nwdiag", "label": "Network", "description": "Draw network diagrams", "help_url": "https://uml.singsk.com/help/nwdiag.html", "example": "@startuml\nnwdiag {\n network dmz {\n address = \"210.x.x.x/24\"\n }\n}\n@enduml", "url": "https://uml.singsk.com/help/nwdiag.html" }, { "id": "salt", "label": "Wireframe", "description": "Create UI mockups", "help_url": "https://uml.singsk.com/help/salt.html", "example": "@startsalt\n{\n Just plain text\n [This is my button]\n () Unchecked radio\n (X) Checked radio\n [] Unchecked box\n [X] Checked box\n \"Enter text here \"\n ^This is a droplist^\n}\n@endsalt", "url": "https://uml.singsk.com/help/salt.html" }, { "id": "archimate-diagram", "label": "Archimate", "description": "Enterprise architecture", "help_url": "https://uml.singsk.com/help/archimate-diagram.html", "example": "@startuml\narchimate #Technology \"VPN Server\" as vpnServerA <>\n\nrectangle GO #lightgreen\nrectangle STOP #red\nrectangle WAIT #orange\n@enduml", "url": "https://uml.singsk.com/help/archimate-diagram.html" }, { "id": "gantt-diagram", "label": "Gantt", "description": "Project timeline charts", "help_url": "https://uml.singsk.com/help/gantt-diagram.html", "example": "@startgantt\n[Prototype design] requires 15 days\n[Test prototype] requires 10 days\n-- All example --\n[Task 1 (1 day)] requires 1 day\n[T2 (5 days)] requires 5 days\n[T3 (1 week)] requires 1 week\n[T4 (1 week and 4 days)] requires 1 week and 4 days\n[T5 (2 weeks)] requires 2 weeks\n@endgantt", "url": "https://uml.singsk.com/help/gantt-diagram.html" }, { "id": "chronology-diagram", "label": "Chronology", "description": "Time-based sequences", "help_url": "https://uml.singsk.com/help/chronology-diagram.html", "example": "@startchronology\ntitle Chronology Diagram\n[A: 2024-01-15 01:08:12] happens on 2024-01-15 01:08:12\n[B] happens on 2024-01-15 13:08:12\n[C] happens on 2024-01-15 22:12:08\n@endchronology", "url": "https://uml.singsk.com/help/chronology-diagram.html" }, { "id": "mindmap-diagram", "label": "MindMap", "description": "Brainstorm ideas visually", "help_url": "https://uml.singsk.com/help/mindmap-diagram.html", "example": "@startmindmap\n* Debian\n** Ubuntu\n*** Linux Mint\n*** Kubuntu\n*** Lubuntu\n*** KDE Neon\n** LMDE\n** SolydXK\n** SteamOS\n** Raspbian with a very long name\n*** Raspmbc => OSMC\n*** Raspyfi => Volumio\n@endmindmap", "url": "https://uml.singsk.com/help/mindmap-diagram.html" }, { "id": "wbs-diagram", "label": "WBS", "description": "Work breakdown structure", "help_url": "https://uml.singsk.com/help/wbs-diagram.html", "example": "@startwbs\n* Business Process Modelling WBS\n** Launch the project\n*** Complete Stakeholder Research\n*** Initial Implementation Plan\n** Design phase\n*** Model of AsIs Processes Completed\n**** Model of AsIs Processes Completed1\n**** Model of AsIs Processes Completed2\n*** Measure AsIs performance metrics\n*** Identify Quick Wins\n** Complete innovate phase\n@endwbs", "url": "https://uml.singsk.com/help/wbs-diagram.html" }, { "id": "ebnf", "label": "EBNF", "description": "Grammar notation reference", "help_url": "https://uml.singsk.com/help/ebnf.html", "example": "@startebnf\nbinaryDigit = \"0\" | \"1\";\n@endebnf", "url": "https://uml.singsk.com/help/ebnf.html" }, { "id": "json", "label": "JSON", "description": "JSON data visualization", "help_url": "https://uml.singsk.com/help/json.html", "example": "@startjson\n{\n \"fruit\":\"Apple\",\n \"size\":\"Large\",\n \"color\": [\"Red\", \"Green\"]\n}\n@endjson", "url": "https://uml.singsk.com/help/json.html" }, { "id": "yaml", "label": "YAML", "description": "YAML data visualization", "help_url": "https://uml.singsk.com/help/yaml.html", "example": "@startyaml\nfruit: Apple\nsize: Large\ncolor: \n - Red\n - Green\n@endyaml", "url": "https://uml.singsk.com/help/yaml.html" }, { "id": "preprocessing", "label": "Pre-processing", "description": "Preprocessor directives", "help_url": "https://uml.singsk.com/help/preprocessing.html", "example": "@startuml\n!$a = 42\n!$ab = \"foo1\"\n!$cd = \"foo2\"\n!$ef = $ab + $cd\n!$foo = { \"name\": \"John\", \"age\" : 30 }\n\nAlice -> Bob : $a\nAlice -> Bob : $ab\nAlice -> Bob : $cd\nAlice -> Bob : $ef\nAlice -> Bob : Do you know **$foo.name** ?\n@enduml", "url": "https://uml.singsk.com/help/preprocessing.html" } ] }