technical document management & publishing

Managing Technical Documents

SVG Examples

If you cannot see the SVG logo below, then to view it (and the examples linked from this page) please download the Adobe® SVG plugin which is FREE of charge.

Data Driven Graphics
This is a histogram which has been generated automatically from a query on a Microsoft® SQL/Server® database. Using SVG for this application means that a large pictorial representation of trend data can be viewed without excessive download time.
Graphics Generated from a Database
This is a simplified airfield approach chart, one of many generated in bulk from co-ordinate data held in a relational database. Thousands of these charts can be generated in minutes, rather than several minutes per chart if drawn by hand using a graphics editor. This also demonstrates the separation of content and formatting by means of an external CSS stylesheet; secondly the use of nested SVG transforms to align the text to the runways correctly and align the runways geographically.
Animation
This shows an undercarriage retraction sequence using the SVG animation transform, involving far less work than assembling many views of the graphics to perform the animation and occupies a very small amount of disk space. Since SVG is an XML vocabulary, the page can be scripted to arrest the animated sequence at any required point.