Commands
- Drag with left mouse button to pan.
- Use the mouse wheel or hold shift and vertically drag with left mouse button to zoom in/out smoothly.
- Click a node with left mouse button to zoom on that node.
- Double-click with left mouse button or single-click with middle mouse button to load the URL associated with a node in a separate browser window.
- Use arrow keys to pan the view.
- Use page keys to zoom in/out (animated transitions)
- Use +/- keys to zoom in/out (no transition, better adapted to the case when users hold the keys down for repeated zooming steps)
- Move the mouse cursor in the top-left region of the graph window to make the multi-scale tool palette appear. A description of these tools is available.
How to embed ZGRViewer - Applet in an HTML page
If using ZGRViewer 0.9.0 or later (requires Java 1.5):
If using ZGRViewer 0.8.2 or earlier (requires Java 1.4):
The JAR files are the ones taken from any zgrviewer release starting from 0.7.0.
ZGRViewer - Applet v0.9.0 requires Java 1.5.0 or later to be installed on the client computer and available to the browser.
ZGRViewer - Applet v0.8.2 requires Java 1.4.0 or later to be installed on the client computer and available to the browser.
No local setup of Graphviz is required, as the result SVG document is produced by Graphviz tools on the server's side.
For security reasons, the SVG file must be on the same server as the Applet itself. The width and height of the Applet can be parameterized. Be sure to assign the same values to the Applet element's width attribute and the param element's width attribute. Same thing for height. The two JAR files can be located anywhere on the server. Just be sure to indicate absolute paths to these files, separated by commas.
The value of the svgURL parameter can of course be generated on the fly. It must point to the SVG file generated by a Graphviz tool such as dot, neato or twopi (server side).
Parameters
| Name | Value/Purpose | Examples | Required | Since |
|---|---|---|---|---|
| width | An integer number, in pixels | 720 | yes | v0.7.0 |
| height | An integer number, in pixels | 480 | yes | v0.7.0 |
| svgURL | The URL of the SVG document generated by GraphViz | http://zvtm.sourceforge.net/zgrviewer/Applet/test1.svg | yes | |
| title | Title appearing in the surrounding border | zgrviewer - Applet | no | v0.7.0 |
| showNavControls | Display navigation/search controls | true, false | no | v0.7.0 |
| showFCPalette | Display tool palette (focus+context navigation tools) | true, false | no | v0.8.0 |
| appletBackgroundColor | Applet background color (*) | #FFF, #E6F4AA, red, rgb(255,98,2), rgb(10%,24%,98%) | no | v0.7.0 |
| graphBackgroundColor | Graph background color (*) | #FFF, #E6F4AA, red, rgb(255,98,2), rgb(10%,24%,98%) | no | v0.7.0 |
| cursorColor | Mouse cursor color in graph window (*) | #FFF, #E6F4AA, red, rgb(255,98,2), rgb(10%,24%,98%) | no | v0.7.0 |
| highlightColor | Color of label highlighted by the search feature (*) | #FFF, #E6F4AA, red, rgb(255,98,2), rgb(10%,24%,98%) | no | v0.7.0 |
| antialiased | Render the graph with antialiasing (better quality) | true, false | no | v0.7.0 |
| centerOnLabel | Initial view of the graph will be centered on the first label in the graph that contains the string given as value of this parameter. If multiple labels match this string, there is no guarantee about which one will be selected by the Applet, and this behaviour is not predictable. Case-insensitive. | test47 | no | v0.7.0 |
| displayOverview | Display an overview of the graph in the upper right corner | true, false | no | v0.8.1 |
| target | Specify where to open links (new window, same window, etc.). See Java's AppletContext API for more information. | _self, _parent, _top, _blank | no | v0.8.0 |
| focusNodeMagFactor | Magnification factor when focusing on a node | 1.0, 5.0 | no | v0.9.0 |
(*) Colors can be represented using any of the syntaxes defined by the CSS/SVG specifications.
Hosted by
