Difference between revisions of "User talk:Grundlett"
From Slicer Wiki
m (Welcome!) |
|||
(3 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | The code below implements an imagemap using the [https://www.mediawiki.org/wiki/Extension:GraphViz GraphViz extension]: | |
− | + | ;Code: | |
− | + | <pre> | |
− | + | <graphviz caption="Imagemap test"> | |
+ | digraph myExample { | ||
+ | Google [URL="http://www.google.com" TITLE="Google"]; | ||
+ | Bing [URL="http://www.bing.com" TITLE="Bing"]; | ||
+ | } | ||
+ | </graphviz> | ||
+ | </pre> | ||
+ | |||
+ | ;Results: | ||
+ | <graphviz caption="Imagemap test"> | ||
+ | digraph myExample { | ||
+ | Google [URL="http://www.google.com" TITLE="Google"]; | ||
+ | Bing [URL="http://www.bing.com" TITLE="Bing"]; | ||
+ | } | ||
+ | </graphviz> | ||
+ | |||
+ | |||
+ | == Or another == | ||
+ | |||
+ | <graphviz> | ||
+ | graph graphname { | ||
+ | // This attribute applies to the graph itself | ||
+ | // size="3,3"; | ||
+ | // The label attribute can be used to change the label of a node | ||
+ | a [label="Foo"]; | ||
+ | // Here, the node shape is changed. | ||
+ | b [shape=box]; | ||
+ | // These edges both have different line properties | ||
+ | a -- b -- c [color=blue]; | ||
+ | b -- d [style=dotted]; | ||
+ | // [style=invis] hides a node. | ||
+ | } | ||
+ | </graphviz> | ||
+ | |||
+ | == Find Usage == | ||
+ | Since the graphviz extension inserts a page property where it's used, you can find out where on your wiki any page uses the extension with a query like this: https://www.slicer.org/wiki/Special:PagesWithProp?propname=graphviz |
Latest revision as of 20:17, 20 February 2018
Home < User talk:GrundlettThe code below implements an imagemap using the GraphViz extension:
- Code
<graphviz caption="Imagemap test"> digraph myExample { Google [URL="http://www.google.com" TITLE="Google"]; Bing [URL="http://www.bing.com" TITLE="Bing"]; } </graphviz>
- Results
<graphviz caption="Imagemap test"> digraph myExample {
Google [URL="http://www.google.com" TITLE="Google"]; Bing [URL="http://www.bing.com" TITLE="Bing"];
} </graphviz>
Or another
<graphviz>
graph graphname { // This attribute applies to the graph itself // size="3,3"; // The label attribute can be used to change the label of a node a [label="Foo"]; // Here, the node shape is changed. b [shape=box]; // These edges both have different line properties a -- b -- c [color=blue]; b -- d [style=dotted]; // [style=invis] hides a node. }
</graphviz>
Find Usage
Since the graphviz extension inserts a page property where it's used, you can find out where on your wiki any page uses the extension with a query like this: https://www.slicer.org/wiki/Special:PagesWithProp?propname=graphviz