Module:Sandbox/Jts1882/CladeN/doc: Difference between revisions

Content deleted Content added
add group label structure Add right hand labels with grouplabel
formatting of clade strcuture illustration Technical background
 
(3 intermediate revisions by 2 users not shown)
Line 44:
Leaf A
|-
| style="border:1px soliddotted green;" | sublabelA
|}
|style="padding:20px" |
Line 67:
{| class="clade" style="line-height:100%;border:1px dotted red;margin:1px;"
|-
| style="border:1px dotted green;border-bottom:3px solid black;text-align:center;" | label1
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 1em;" |leaf1
|-
| style="border:1px dotted green;border-left:3px solid black;text-align:center;" | sublabel1
|-
| style="border:1px dotted green;border-bottom:3px solid black;border-left:3px solid black;text-align:center;" | label2
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 1em;" |leaf2
|-
| style="border:1px dotted green;text-align:center;" | sublabel2
|}
|-
| style="border:1px soliddotted green;text-align:center;" | sublabelA
|}
|style="padding:20px" |
Line 118:
|-
| style="width:25%;" |
<p><span style="white-space:nowrap">Bar adds a solid line to the right</span> of the column containing the leaves.</p>
<p>Group label adds an third column to the basic 2x2 clade structure. As with the leaf the two cells are merged using the rowspan attribute.</p>
|style="padding:50px" |
Line 128:
 
|-
| style="border:1px soliddotted green;" | sublabelA
|}
|style="padding:20px" |
Line 147:
}}</pre>
|-
| style="width:20%;" |<p>To build the cladogram, a the text in LeafA can be replaced with another clade structure.</p><p>Hence a second HTML table is placed inside a the right-hand cell of the outer table.</p>
|style="padding:50px" |
{| style="line-height:100%;border:1px dotted red;margin:1px;"
Line 155:
{| class="clade" style="line-height:100%;border:1px dotted red;margin:1px;"
|-
| style="border:1px dotted green;border-bottom:3px solid black;text-align:center;" | label1
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 1em;" |leaf1
|-
| style="border:1px dotted green;border-left:3px solid black;text-align:center;" | sublabel1
|-
| style="border:1px dotted green;border-bottom:3px solid black;border-left:3px solid black;text-align:center;" | label2
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 1em;" |leaf2
|-
| style="border:1px dotted green;text-align:center;" | sublabel2
|}
| rowspan=2 style="border:1px dotted green;padding:0.2em;" | Grouplabel&nbsp;A
|-
| style="border:1px soliddotted green;" | sublabelA
|}
|style="padding:20px" |
Line 195:
|sublabel2=sublabel2
|2=leaf2&nbsp;
}}
}}</pre>
 
|-
| style="width:20%;" |<p>Grouplabels can be applied at any level.</p>
|style="padding:50px" |
{| style="line-height:100%;border:1px dotted red;margin:1px;"
|-
| style="border:1px dotted green;border-bottom:3px solid black;text-align:center;" | labelA
| rowspan=2 style="border:1px dotted green;border-right:2px solid blue; padding:0.2em;" |
{| class="clade" style="line-height:100%;border:1px dotted red;margin:1px;"
|-
| style="border:1px dotted green;border-bottom:3px solid black;text-align:center;" | label1
| rowspan=2 style="border:1px dotted green;vertical-align:middle;border-right:2px solid orange;padding:0 2em;" |leaf1
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 2em;" |GL1
|-
| style="border:1px dotted green;border-left:3px solid black;text-align:center;" | sublabel1
|-
| style="border:1px dotted green;border-bottom:3px solid black;border-left:3px solid black;text-align:center;" | label2
| rowspan=2 style="border:1px dotted green;vertical-align:middle;border-right:2px solid purple;padding:0 2em;" |leaf2
| rowspan=2 style="border:1px dotted green;vertical-align:middle;padding:0 2em;" |GL2
|-
| style="border:1px dotted green;text-align:center;" | sublabel2
|}
| rowspan=2 style="border:1px dotted green;padding:0.2em;" | Grouplabel&nbsp;A
|-
| style="border:1px dotted green;text-align:center;" | sublabelA
|}
|style="padding:20px" |
{{cladeN |thickness=3
|label1=labelA |sublabel1=sublabelA
|grouplabel1=Grouplabel&nbsp;A
|bar1=blue
|1={{cladeN |thickness=3
|label1=label1
|sublabel1=sublabel1
|grouplabel1=GL1
|bar1=orange
|1=&nbsp;leaf1&nbsp;
|label2=label2
|sublabel2=sublabel2
|grouplabel2=GL2
|bar2=purple
|2=&nbsp;leaf2&nbsp;
}}
}}
|style="padding:20px" |<pre>
{{cladeN |thickness=3
|label1=labelA |sublabel1=sublabelA
|grouplabel1=Grouplabel&nbsp;A
|bar1=blue
|1={{cladeN |thickness=3
|label1=label1
|sublabel1=sublabel1
|grouplabel1=GL1
|bar1=orange
|1=&nbsp;leaf1&nbsp;
|label2=label2
|sublabel2=sublabel2
|grouplabel2=GL2
|bar2=purple
|2=&nbsp;leaf2&nbsp;
}}
}}</pre>