Difference between revisions of "Wgraph:Example 2"

From FollowTheScore
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
== sample graphs for mediawiki parser extension 'wgraph' ==
+
== A second example ==
  
−
This script generates a demo graph. The graph reflects articles (about [[:Category:Painter|painters]]) and their interrelationships.
+
This example shows a small graph together with its WGL and the resulting GDL.
−
If you click the thumb image you will get the SVG file in which nodes contain clickable links to wiki articles.
+
In GDL,
 +
* a footprint about the generation date is inserted
 +
* colors are translated
 +
* display_edgelabels is set to true by default
 +
* node and edgetypes are 'flattened'.
 +
* egdetypes are mapped to 'classnames'.
 +
* href's are converted
  
−
{{#dpl:category=Painter|columns=4}}
+
{|class=wikitable
−
{{#wgraph: thumb=50 | svg |
+
!with manhattan edges,<br>top down orientation
−
  display_edge_labels = yes
+
!with splines<br>left to right orientation
−
  splines=yes
+
|-
−
  {{#dpl:
+
|
−
  |category = Painter
+
{{#wgraph: thumb=50 | svg | png | gdl |
−
  |include={Wgraph node}.dpl
+
node Picasso        { }
−
  |addcategories = true
+
edge Signac Picasso { }
−
  |mode=userformat
+
node Gauguin        { type Painter;Poet }
−
  |listseparators=\n,\nnode "%TITLE%" { label="%TITLE%" url="%PAGE%" type="%CATNAMES%" ,} ,
+
node Henri_Matisse  { url Henri_Matisse }
−
  |noresultsheader=\n
+
node Signac        { type Painter scaling 2 bordercolor blue}
−
  }}
+
 
−
  {{#dpl:
+
edge Gauguin "Henri Matisse" {
−
  |uses = Template:is friend of
+
                      type friend;roommate}
−
  |include={Is friend of}.dpl
+
edge from Gauguin to Signac {
−
  |mode=userformat
+
                      type friend  
−
  |listseparators=,\nedge {,} ,\n
+
                      label "good friend"}
−
  |multisecseparators=}\nedge {,
+
edge from Signac to Henri_Matisse {}
−
  |noresultsheader=\n
+
nodetype Poet      { color=green shape=ellipse }
−
  }}
+
nodetype Painter   { color yellow }
−
  {{#dpl:
+
edgetype roommate  { color gold }
−
  |namespace=Category
+
edgetype friend    { color #ff33aa fontname:HelvO10 }
−
  |uses = Template:wgraph nodetype
+
orientation top_to_bottom 
−
   |include = {Wgraph nodetype}.dpl
+
splines = yes
−
  |mode=userformat
 
−
  |listseparators=\n,\nnodetype "%TITLE%" { ,} ,
 
−
  |noresultsheader=\n
 
−
  }}
 
−
  {{#dpl:
 
−
  |namespace=Template
 
−
  |uses = Template:wgraph edgetype
 
−
  |include = {Wgraph edgetype}.dpl
 
−
  |mode=userformat
 
−
  |listseparators=\n,\nedgetype "%TITLE%" {,} ,
 
−
  |noresultsheader=\n
 
−
  }}
 
 
}}
 
}}
 +
|
 +
{{#wgraph: thumb=50 | wgl |
 +
node Picasso        { }
 +
edge Signac Picasso { }
 +
node Gauguin        { type Painter;Poet }
 +
node Henri_Matisse  { url Henri_Matisse }
 +
node Signac        { type Painter scaling 2 bordercolor blue}
 +
 +
edge Gauguin "Henri Matisse" {
 +
                      type friend;roommate}
 +
edge from Gauguin to Signac {
 +
                      type friend
 +
                      label "good friend"}
 +
edge from Signac to Henri_Matisse {}
 +
nodetype Poet      { color=green shape=ellipse }
 +
nodetype Painter    { color yellow }
 +
edgetype roommate  { color gold }
 +
edgetype friend    { color #ff33aa fontname:HelvO10 }
 +
orientation top_to_bottom 
 +
splines = yes
 +
}}
 +
|}
 +
 +
continue with [[Wgraph:Example 3]] ..
 +
back to [[Wgraph:Example 1]] ..
 +
 +
[[Category:Wgraph]]

Latest revision as of 12:33, 15 August 2007

A second example

This example shows a small graph together with its WGL and the resulting GDL. In GDL,

  • a footprint about the generation date is inserted
  • colors are translated
  • display_edgelabels is set to true by default
  • node and edgetypes are 'flattened'.
  • egdetypes are mapped to 'classnames'.
  • href's are converted
with manhattan edges,
top down orientation 		with splines
left to right orientation

{{#wgraph: thumb=50 | svg | png | gdl | node Picasso { } edge Signac Picasso { } node Gauguin { type Painter;Poet } node Henri_Matisse { url Henri_Matisse } node Signac { type Painter scaling 2 bordercolor blue}

edge Gauguin "Henri Matisse" { 

                     type friend;roommate}

edge from Gauguin to Signac { 

                     type friend 
                     label "good friend"}

edge from Signac to Henri_Matisse {} nodetype Poet { color=green shape=ellipse } nodetype Painter { color yellow } edgetype roommate { color gold } edgetype friend { color #ff33aa fontname:HelvO10 } orientation top_to_bottom splines = yes }}

{{#wgraph: thumb=50 | wgl | node Picasso { } edge Signac Picasso { } node Gauguin { type Painter;Poet } node Henri_Matisse { url Henri_Matisse } node Signac { type Painter scaling 2 bordercolor blue}

edge Gauguin "Henri Matisse" { 

                     type friend;roommate}

edge from Gauguin to Signac { 

                     type friend 
                     label "good friend"}

edge from Signac to Henri_Matisse {} nodetype Poet { color=green shape=ellipse } nodetype Painter { color yellow } edgetype roommate { color gold } edgetype friend { color #ff33aa fontname:HelvO10 } orientation top_to_bottom splines = yes }} 

continue with Wgraph:Example 3 ..
back to Wgraph:Example 1 ..
Retrieved from "http://followthescore.org/dpldemo/index.php?title=Wgraph:Example_2&oldid=5539"