The connection between the state of the CIF specification and the SVG image can be specified by using CIF/SVG declarations (sometimes also called SVG declarations, for simplicity). Such declarations can be specified directly in the CIF specification. CIF/SVG declarations are an extension to the CIF language, and can only be used to couple the model to the image. They don’t influence the behavior of the model itself.
The CIF text editor provides full integration for the CIF/SVG declarations extension, complete with syntax highlighting, background validation, etc.
The following types of CIF/SVG declarations are available:
SVG file declarations: Specifies which SVG image file to use.
CIF/SVG copy declaration: Specifies that a part of the SVG image should be copied.
CIF/SVG move declaration: Specifies that a part of the SVG image should be moved.
CIF/SVG output mappings: Specifies how to update a certain property of an element of the SVG image.
CIF/SVG input mappings: Specifies how interaction with the SVG image affects simulation.