Customizing SVG Content

Customizing SVG Content
Prev	Chapter 11. ySVG Extension Package	Next

The SVG content that is generated can be easily customized in order to provide interactive behavior. By means of JavaScript™ code that is embedded into the SVG Document Object Model (DOM) tree, otherwise static content can be easily augmented to support interactivity with the graph's elements, for example.

Tutorial Demo Code

The following tutorial demo applications show how to embed JavaScript code to achieve interactive functionality for graphs exported to SVG file format:

HighlightConnectionsDemo.java presents how to highlight incoming and outgoing edges
HtmlTooltipDemo.java shows how to add HTML tooltips for the nodes of a graph
HyperlinkDemo.java presents how to add hyperlinks to graph elements and their labels
RolloverDemo.java shows how to change the representation of edges

Many of these demos can be seen in the demo section of the ySVG extension package.

Prev	Up	Next
Using the ySVG Extension Package	Home	GraphML Support