Difference between revisions of "Wgraph:Example 4"
From FollowTheScore
| Line 11: | Line 11: | ||
In the SVG graph each node points to its wiki page. | In the SVG graph each node points to its wiki page. | ||
| − | + | First we show the output of the DPL query which is embedded in the ''Wgraph'' definition: | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | {| | ||
| + | | | ||
===== DPL, order by target article ===== | ===== DPL, order by target article ===== | ||
{{#dpl: | {{#dpl: | ||
| Line 47: | Line 26: | ||
}} | }} | ||
}} | }} | ||
| − | + | | | |
===== DPL, order by source article ===== | ===== DPL, order by source article ===== | ||
{{#dpl: | {{#dpl: | ||
| Line 59: | Line 38: | ||
}} | }} | ||
}} | }} | ||
| + | |} | ||
| + | {{#wgraph: svg | thumb=40 | wgl | | ||
| + | // the painters | ||
| + | {{#dpl: | ||
| + | |category=Painter | ||
| + | |mode=userformat | ||
| + | |addcategories=true | ||
| + | |listseparators=,\n node '%PAGE%' { type = '%CATNAMES%' },, | ||
| + | }} | ||
| + | // their relations | ||
| + | {{#dpl: | ||
| + | |category=Painter | ||
| + | |mode=userformat | ||
| + | |listseparators=,\n edge from '%PAGE%' to '%PAGESEL%' {},, | ||
| + | |linksto={{#dpl: | ||
| + | |mode=userformat | ||
| + | |category=Painter | ||
| + | |listseparators=,%PAGE%¦,, | ||
| + | }} | ||
| + | }} | ||
| + | nodetype 'undefined node' { href '%%' } | ||
| + | nodetype Impressionism { color lightmagenta href %% } | ||
| + | nodetype Expressionism { color lightyellow href %% } | ||
| + | }} | ||
[[Category:Wgraph]] | [[Category:Wgraph]] | ||
Revision as of 20:10, 23 July 2007
In this example we do not use relations which were explicitly defined via template calls. Instead we use the normal hyperlinks.
Thus we loose some semantics but we can apply this kind of graph generation to any existing wiki contents!
To make the graph prettier, we assign colors to the categories (Impressionism = magenta, Expressionism = yellow). We could also make shapes dependent from (other) categories ..
Our example shows links from articles of category "Painter" to other articles of category "Painter". Note the birectional link between Renoir and Cezanne.
In the SVG graph each node points to its wiki page.
First we show the output of the DPL query which is embedded in the Wgraph definition:
DPL, order by target article |
DPL, order by source article |
{{#wgraph: svg | thumb=40 | wgl |
// the painters
node 'Van Gogh' { type = 'Expressionism, Painter' }
node 'Renoir' { type = 'Impressionism, Painter' }
node 'Cezanne' { type = 'Painter' }
node 'Manet' { type = 'Painter' }
node 'Signac' { type = 'Impressionism, Painter' }
// their relations
edge from 'Cezanne' to 'Renoir' {}
edge from 'Manet' to 'Renoir' {}
edge from 'Renoir' to 'Cezanne' {}
edge from 'Signac' to 'Renoir' {}
nodetype 'undefined node' { href '%%' }
nodetype Impressionism { color lightmagenta href %% }
nodetype Expressionism { color lightyellow href %% }
}}
