Difference between revisions of "User talk:Grundlett"
From Slicer Wiki
(Add another example) |
|||
| Line 3: | Line 3: | ||
<pre> | <pre> | ||
<graphviz caption="Imagemap test"> | <graphviz caption="Imagemap test"> | ||
| − | digraph | + | digraph myExample { |
Google [URL="http://www.google.com" TITLE="Google"]; | Google [URL="http://www.google.com" TITLE="Google"]; | ||
Bing [URL="http://www.bing.com" TITLE="Bing"]; | Bing [URL="http://www.bing.com" TITLE="Bing"]; | ||
| Line 12: | Line 12: | ||
;Results: | ;Results: | ||
<graphviz caption="Imagemap test"> | <graphviz caption="Imagemap test"> | ||
| − | digraph | + | digraph myExample { |
Google [URL="http://www.google.com" TITLE="Google"]; | Google [URL="http://www.google.com" TITLE="Google"]; | ||
Bing [URL="http://www.bing.com" TITLE="Bing"]; | Bing [URL="http://www.bing.com" TITLE="Bing"]; | ||
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