Plugin : DIAGRAM

Syntaxe

<diagram>
Diagram specification
</diagram>
, . ` ' ^ v ( ) - ! +

Exemples

<diagram>
| AAA |-| BBB |
| |:| | | | | |
| |L|~|~| CCC |
</diagram>
AAA BBB
CCC
<diagram>
| root |-| 1-st branch |
| |:| | | | | |
| |L|~|~| 2-nd branch |
</diagram>
root 1-st branch
2-nd branch

Abbréviations

<diagram>
| AAA |-| BBB |AAA=root|BBB=1<sup>st</sup> branch (see [[wp>Branch]])
| |:| | | | | |
| |L|~|~| CCC |CCC=2<sup>nd</sup> branch\\ **(very important branch)**
</diagram>
root 1st branch (see Branch)
2nd branch
(very important branch)
<diagram>
| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy
| |,|-|-|-|+|-|-|-|.| |
| Sys | |  Me | | Bro |Sys=Syster|Bro=Brother
</diagram>
Daddy Mommy
Syster Me Brother

Styles

<diagram>
| AAA | | | | |F|~|~|~|7| |AAA{border-color:blue;background-color:lightgreen}=Border is blue,\\ background is lightgreen
| |!| | | | | CCC | | DDD |CCC{border-color:#a9c}=Border is #a9c,\\ background is transparent|DDD{border-color:silver;background-color:silver;}=Border is silver,\\ background is silver
| BBB | | | | | | | | | | |BBB{border-color:rgb(0%,50%,0%);background-color:#abcdef}=Border is green,\\ background is #abcdef
</diagram>
Border is blue,
background is lightgreen
Border is #a9c,
background is transparent
Border is silver,
background is silver
Border is green,
background is #abcdef

Alignement du texte et indentation

<diagram>
|Left|                 |Left{text-align:left;}=Text is\\ aligned to the left
| |!|
| |`|-|-|Center|       |Center=By default text is aligned\\ to the center
| | | | |  |!|
| | | | |  |`|-|-|Right|Right{text-align:right;padding:1em}=Align text\\ to the right\\ and setup indents
</diagram>
Text is
aligned to the left
By default text is aligned
to the center
Align text
to the right
and setup indents
<diagram>
| AAA |-| BBB |
| |:| | | | | | | DDD |
| |L|~|~| CCC |
</diagram>
AAA BBB
DDD
CCC
<diagram>
| AAA |-|-|-| BBB | | | | | | |
| |:|
| |:| | | | | | | | | | | DDD |
| |:|
| |L|~|~|~|~| CCC |
</diagram>
AAA BBB
DDD
CCC

Flèches

<diagram>
|  AAA  |-@2|  BBB  |-@a|  EEE   |
| |:@1| |   | |!@4| |   | |}@72|-|-| GGG |
|  DDD  |~@8|  CCC  |   |  FFF   |
</diagram>
AAA BBB
EEE
GGG
DDD
CCC FFF

Autres

<diagram>
| | |v| | | | |V| | |
| |,|!|.| | |F|:|7| | | |y| | |p| |
|)|-|+|-|(|D|~|%|~|C| |}| |{|]| |[| |*| |#|
| |`|!|'| | |L|:|J| | | |h| | |b| |
| | |^| | | | |A| | |
</diagram>

Exemples d'arbres généalogiques

#1

<diagram>
| | | Dad |y| Mom | | |Dad=Daddy|Mom=Mommy
| |,|-|-|-|^|-|-|-|.| |
| Sys | | | | | Bro |Sys=Syster|Bro=Brother
</diagram>
Daddy Mommy
Syster Brother

#2

<diagram>
| Pa2 |y| Ma2 | | | | | | | | Pa1 |y| Ma1 | | | | | | |
| |,|-|^|-|.| | | |,|-|-|-|v|-|-|-|+|-|-|-|v|-|-|-|.| |
| Bo5 | | Dad |y| Mom | | Bo1 | | Bo2 | | Bo3 | | Bo4 |Dad=[[Daddy]]|Mom=[[Mommy]]
| | | |,|-|-|-|^|-|-|-|.| |:| | | |:| | | |:| | | |:| |
| | | Sys | | | | | Bro |Sys=[[Syster]]|Bro=[[Brother]]
</diagram>
Pa2 Ma2 Pa1 Ma1
Bo5 Daddy Mommy Bo1 Bo2 Bo3 Bo4
Syster Brother
plugins/diagram.txt · Last modified: 2015/09/21 15:51 by admin
 
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki