Difference between revisions of "Wgraph:Sample Genealogy"
From FollowTheScore
(New page: This examples demonstrates the power of ''wgraph'' in combination with # mediawiki templates # the ''Dynamic Page List'' extension (DPL). We will guide you through a series of steps wher...) |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | This | + | This example demonstrates the power of ''wgraph'' in combination with |
# mediawiki templates | # mediawiki templates | ||
# the ''Dynamic Page List'' extension (DPL). | # the ''Dynamic Page List'' extension (DPL). | ||
| − | We will guide you through a series of steps where a small genealogy tree is | + | We will guide you through a series of steps where a small genealogy tree is built. |
We start with a straight forward approach and show how a very high level of abstraction can be reached. | We start with a straight forward approach and show how a very high level of abstraction can be reached. | ||
| Line 14: | Line 14: | ||
* We concentrate on the semantics | * We concentrate on the semantics | ||
* We do not use any coordinates or size attributes for the shapes | * We do not use any coordinates or size attributes for the shapes | ||
| − | * | + | * we use nodetypes (''male, female, info'') to share common properties |
* we use edgetypes (''mother, father, married to, info'') for the same purpose | * we use edgetypes (''mother, father, married to, info'') for the same purpose | ||
* we mark undefined nodes in a special way | * we mark undefined nodes in a special way | ||
| Line 20: | Line 20: | ||
{{#wgraph: svg | wgl | thumb = 80 | | {{#wgraph: svg | wgl | thumb = 80 | | ||
| − | node | + | node John_Smith { type male label "John Smith\n*'' 21.06.1952''" } |
| − | node | + | node Bella_Smith { type female label "Bella Smith\n*'' 03.04.1955''" } |
| − | node | + | node Dave_Smith { type male label "Dave Smith\n*'' 30.05.1986''" } |
| − | node | + | node Paul_Smith { type male label "Paul Smith\n*'' 28.02.1988''" } |
| − | node | + | node Susan_Smith { type female label "Susan Smith\n*'' 04.06.1995''" } |
| − | edge | + | edge Susan_Smith John_Smith { type father } |
| − | edge | + | edge Paul_Smith John_Smith { type father } |
| − | edge | + | edge Dave_Smith John_Smith { type father } |
| − | edge | + | edge Susan_Smith Bella_Smith { type mother } |
| − | edge | + | edge Paul_Smith Bella_Smith { type mother } |
| − | edge | + | edge Dave_Smith Bella_Smith { type mother } |
| − | edge | + | edge Bella_Smith John_Smith { type marriage label 01.03.1985 } |
| − | edge | + | edge Bella_Smith Bella_Smith_info { type info } |
| − | edge | + | edge John_Smith John_Smith_info { type info } |
| − | node | + | node John_Smith_info { type info label "that & this" } |
| − | node | + | node Bella_Smith_info { type info label "this And that" } |
nodetype male { shape box color #ddddff bordercolor #9999ff width 140 textwidth 20 } | nodetype male { shape box color #ddddff bordercolor #9999ff width 140 textwidth 20 } | ||
nodetype female { shape box color #ffdddd bordercolor #ff9999 width 140 textwidth 20 } | nodetype female { shape box color #ffdddd bordercolor #ff9999 width 140 textwidth 20 } | ||
| − | edgetype father { color #7777ff } | + | edgetype father { color #7777ff backarrowsize 10 backarrowstyle solid arrowsize 0 } |
| − | edgetype mother { color #ff7777 } | + | edgetype mother { color #ff7777 backarrowsize 10 backarrowstyle solid arrowsize 0 } |
edgetype marriage { kind rightnear arrowstyle line backarrowstyle line backarrowsize 10 color #ff77ff } | edgetype marriage { kind rightnear arrowstyle line backarrowstyle line backarrowsize 10 color #ff77ff } | ||
Latest revision as of 11:17, 25 February 2015
This example demonstrates the power of wgraph in combination with
- mediawiki templates
- the Dynamic Page List extension (DPL).
We will guide you through a series of steps where a small genealogy tree is built.
We start with a straight forward approach and show how a very high level of abstraction can be reached.
Please go carefully through each step to understand the architecture of the final result.
First we define a small genealogy tree directly in WGL
- We concentrate on the semantics
- We do not use any coordinates or size attributes for the shapes
- we use nodetypes (male, female, info) to share common properties
- we use edgetypes (mother, father, married to, info) for the same purpose
- we mark undefined nodes in a special way
Thus we reach a fair level of abstraction.
{{#wgraph: svg | wgl | thumb = 80 |
node John_Smith { type male label "John Smith\n* 21.06.1952" }
node Bella_Smith { type female label "Bella Smith\n* 03.04.1955" }
node Dave_Smith { type male label "Dave Smith\n* 30.05.1986" }
node Paul_Smith { type male label "Paul Smith\n* 28.02.1988" }
node Susan_Smith { type female label "Susan Smith\n* 04.06.1995" }
edge Susan_Smith John_Smith { type father }
edge Paul_Smith John_Smith { type father }
edge Dave_Smith John_Smith { type father }
edge Susan_Smith Bella_Smith { type mother }
edge Paul_Smith Bella_Smith { type mother }
edge Dave_Smith Bella_Smith { type mother }
edge Bella_Smith John_Smith { type marriage label 01.03.1985 }
edge Bella_Smith Bella_Smith_info { type info }
edge John_Smith John_Smith_info { type info }
node John_Smith_info { type info label "that & this" }
node Bella_Smith_info { type info label "this And that" }
nodetype male { shape box color #ddddff bordercolor #9999ff width 140 textwidth 20 }
nodetype female { shape box color #ffdddd bordercolor #ff9999 width 140 textwidth 20 }
edgetype father { color #7777ff backarrowsize 10 backarrowstyle solid arrowsize 0 }
edgetype mother { color #ff7777 backarrowsize 10 backarrowstyle solid arrowsize 0 }
edgetype marriage { kind rightnear arrowstyle line backarrowstyle line backarrowsize 10 color #ff77ff }
nodetype info { color #f0f0f0 borderstyle dashed bordercolor #e0e0e0 }
edgetype info { kind near arrowstyle none linestyle dotted color lightgray }
nodetype 'undefined node' { bordercolor red label '%%?' }
orientation bottom_to_top splines yes
}}
continue with Wgraph:Sample Genealogy 2 ..
