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.