IBM BPM, V8.0.1, All platforms > Authoring services in Integration Designer > Developing monitor models > Create monitor models > Defining the visual model
Preparing SVG diagrams
Any Scalable Vector Graphics (SVG) file can be used as a static diagram to be displayed in the Diagram view based on a monitoring context or KPI context. For the diagram to be updated dynamically at run time, you must declare a namespace definition in the SVG file and assign monitor model IDs to the shapes that will be associated with actions. Shapes can change color, display text, link to other diagrams, or be hidden or displayed based on the values of metrics or KPIs.
Your default web browser must have an SVG viewer installed so that you can view SVG diagrams. Mozilla Firefox and Internet Explorer 9 or later include a built-in SVG viewer, which you can use when viewing SVG diagrams in Monitor dashboards. To use the SVG viewer from IBM Integration Designer, use IBM Installation Manager to install the web development tools package.
Restriction: In Internet Explorer, SVG diagrams that contain double-byte characters might not be displayed properly in the Visual model page of the Monitor Model editor. If you encounter this problem, use IBM Installation Manager to install the web development tools package to IBM Integration Designer or IBM Rational Application Developer.
The SVG files that are created when you export business measures have monitor model IDs configured for the important shapes such as tasks, variables, and links. If you are using any other SVG file, you need an SVG editor so that you can assign monitor model IDs to any shape that you want to reference. SVG editors include Inkscape, Adobe Illustrator, and Microsoft Visio. Your SVG diagram can include custom JavaScript that can be used to dynamically alter the diagram behavior at run time.
- Adding the namespace definition
Each shape to be annotated within the Scalable Vector Graphics (SVG) diagram must be tagged with a special indicator that makes it visible to Business Monitor. Because an SVG diagram is simply an XML document, this tagging is accomplished by declaring an XML namespace specific to Business Monitor and then creating an ID attribute associated with that namespace for each shape to be dynamically updated in dashboard spaces.- Assigning IDs to shapes
After declaring the namespace, assign monitor model IDs that are associated with the namespace to each of the shapes that you want to use in the visual model. Specifically, assign a monitor model ID to each shape that you want to color-code, display values in, make into a hyperlink, and hide or show at run time.
Related concepts:
Visual models
Installing and removing the toolkit