PlantUML Language specification WBS Diagram

       

Edit in DokuwikiEdit in AsciidocEdit in Markdown

工作分解结构（WBS）

Edit in DokuwikiEdit in AsciidocEdit in Markdown

OrgMode syntax

@startwbs * Business Process Modelling WBS ** Launch the project *** Complete Stakeholder Research *** Initial Implementation Plan ** Design phase *** Model of AsIs Processes Completed **** Model of AsIs Processes Completed1 **** Model of AsIs Processes Completed2 *** Measure AsIs performance metrics *** Identify Quick Wins ** Complete innovate phase @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Change direction

@startwbs * Business Process Modelling WBS ** Launch the project *** Complete Stakeholder Research *** Initial Implementation Plan ** Design phase *** Model of AsIs Processes Completed ****< Model of AsIs Processes Completed1 ****> Model of AsIs Processes Completed2 ***< Measure AsIs performance metrics ***< Identify Quick Wins @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Arithmetic notation

@startwbs + New Job ++ Decide on Job Requirements +++ Identity gaps +++ Review JDs ++++ Sign-Up for courses ++++ Volunteer ++++ Reading ++- Checklist +++- Responsibilities +++- Location ++ CV Upload Done +++ CV Updated ++++ Spelling & Grammar ++++ Check dates ---- Skills +++ Recruitment sites chosen @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Multilines

@startwbs * <&flag> Debian ** <&globe> Ubuntu ***:Linux Mint Open Source; *** Kubuntu *** ... @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Removing box

Boxless on Arithmetic notation

Several boxless node

@startwbs + Project + Part One + Task 1.1 - LeftTask 1.2 + Task 1.3 + Part Two + Task 2.1 + Task 2.2 -_ Task 2.2.1 To the left boxless -_ Task 2.2.2 To the Left boxless +_ Task 2.2.3 To the right boxless @endwbs

All boxless node

@startwbs +_ Project +_ Part One +_ Task 1.1 -_ LeftTask 1.2 +_ Task 1.3 +_ Part Two +_ Task 2.1 +_ Task 2.2 -_ Task 2.2.1 To the left boxless -_ Task 2.2.2 To the Left boxless +_ Task 2.2.3 To the right boxless @endwbs

Boxless on OrgMode syntax

Several boxless node

@startwbs * World ** America ***_ Canada ***_ Mexico ***_ USA ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

All boxless node

@startwbs *_ World **_ America ***_ Canada ***_ Mexico ***_ USA **_ Europe ***_ England ***_ Germany ***_ Spain @endwbs

Skipping a layer

Underscore without label removes a node completely

@startwbs * Director ** Team Lead 1 *** Engineer 1 *** Engineer 2 ** Team Lead 2 *** Engineer 3 *** Engineer 4 **_ *** Engineer 5 (reporting to Director) *** Engineer 6 (reporting to Director) @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Colors (with inline or style color)

• with inline color

@startwbs *[#SkyBlue] this is the partner workpackage **[#pink] this is my workpackage ** this is another workpackage @endwbs

@startwbs +[#SkyBlue] this is the partner workpackage ++[#pink] this is my workpackage ++ this is another workpackage @endwbs

• with style color

@startwbs <style> wbsDiagram { .pink { BackgroundColor pink } .your_style_name { BackgroundColor SkyBlue } } </style> * this is the partner workpackage <<your_style_name>> ** this is my workpackage <<pink>> **:This is on multiple lines; <<pink>> ** this is another workpackage @endwbs

@startwbs <style> wbsDiagram { .pink { BackgroundColor pink } .your_style_name { BackgroundColor SkyBlue } } </style> + this is the partner workpackage <<your_style_name>> ++ this is my workpackage <<pink>> ++:This is on multiple lines; <<pink>> ++ this is another workpackage @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Using style

@startwbs <style> wbsDiagram { // all lines (meaning connector and borders, there are no other lines in WBS) are black by default Linecolor black arrow { // note that connector are actually "arrow" even if they don't look like as arrow // This is to be consistent with other UML diagrams. Not 100% sure that it's a good idea // So now connector are green LineColor green } :depth(0) { // will target root node BackgroundColor White RoundCorner 10 LineColor red // Because we are targetting depth(0) for everything, border and connector for level 0 will be red } arrow { :depth(2) { // Targetting only connector between Mexico-Chihuahua and USA-Texas LineColor blue LineStyle 4 LineThickness .5 } } node { :depth(2) { LineStyle 2 LineThickness 2.5 } } boxless { // will target boxless node with '_' FontColor darkgreen } } </style> * World ** America *** Canada *** Mexico **** Chihuahua *** USA **** Texas ***< New York ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Word Wrap

@startwbs <style> node { Padding 12 Margin 3 HorizontalAlignment center LineColor blue LineThickness 3.0 BackgroundColor gold RoundCorner 40 MaximumWidth 100 } rootNode { LineStyle 8.0;3.0 LineColor red BackgroundColor white LineThickness 1.0 RoundCorner 0 Shadowing 0.0 } leafNode { LineColor gold RoundCorner 0 Padding 3 } arrow { LineStyle 4 LineThickness 0.5 LineColor green } </style> * Hi =) ** sometimes i have node in wich i want to write a long text *** this results in really huge diagram **** of course, i can explicit split with a\nnew line **** but it could be cool if PlantUML was able to split long lines, maybe with an option who specify the maximum width of a node @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Add arrows between WBS elements

@startwbs <style> .foo { LineColor #00FF00; } </style> * Test ** A topic *** "common" as c1 *** "common2" as c2 ** "Another topic" as t2 t2 -> c1 <<foo>> t2 ..> c2 #blue @endwbs

@startwbs * Test **(b) A topic ***(c1) common **(t2) Another topic t2 --> c1 b -> t2 #blue @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Creole on WBS diagram

@startwbs * Creole on WBS **:==Creole This is **bold** This is //italics// This is ""monospaced"" This is --stricken-out-- This is __underlined__ This is ~~wave-underlined~~ --test Unicode and icons-- This is <U+221E> long This is a <&code> icon Use image : <img:https://plantuml.com/logo3.png> ; **: <b>HTML Creole This is <b>bold</b> This is <i>italics</i> This is <font:monospaced>monospaced</font> This is <s>stroked</s> This is <u>underlined</u> This is <w>waved</w> This is <s:green>stroked</s> This is <u:red>underlined</u> This is <w:#0000FF>waved</w> -- other examples -- This is <color:blue>Blue</color> This is <back:orange>Orange background</back> This is <size:20>big</size> ; **:==Creole line You can have horizontal line ---- Or double line ==== Or strong line ____ Or dotted line ..My title.. Or dotted title //and title... // ==Title== Or double-line title --Another title-- Or single-line title Enjoy!; **:==Creole list item **test list 1** * Bullet list * Second item ** Sub item *** Sub sub item * Third item ---- **test list 2** # Numbered list # Second item ## Sub item ## Another sub item # Third item ; @endwbs