| Demos |
|
|
|
|
|
|
|
| Airbus demo |
|
|
|
| Created by US Airways, this proof-of-concept is an excellent example of the use of SVG to create interactive Smart Graphics. |
|
|
|
|
|
|
|
 |
|
|
| • |
Setting the display property |
|
|
| • |
Use of the SVG Interactivity palette in Adobe® Illustrator® to associate JavaScript functions with graphic objects |
|
|
|
 |
|
|
|
|
|
|
|
 |
|
|
| • |
Use gradients to create fade effects |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
|
|
|
|
| Chemical Markup Language demo |
|
|
|
| This demo shows the true versatility of SVG. Data stored in another XML-related language, CML (Chemical Markup Language), is manipulated via XSL (Extensible Stylesheet Language) to create to SVG. |
|
|
|
|
|
|
|
|
|
|
| • |
SVG and other XML-based languages |
|
|
| • |
Working with XSL |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| Visual Building Search |
|
|
|
| A considerable advance from your typical phone directory application, this demo allows you to search for a person, view building floor plans, plan routes, and print crystal clear maps. |
|
|
|
|
|
|
|
|
|
|
| • |
Reusable SVG and reduced bitmap downloads |
|
|
| • |
User interaction with SVG and JavaScript |
|
|
| • |
Check for SVG Viewer support |
|
|
| • |
Frames and SVG interaction |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| • |
Import PDF and other vector formats into Illustrator |
|
|
| • |
Illustrator Layers palette |
|
|
| • |
Show and hide elements |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| Chart and Graph demo |
|
|
|
| See how SVG manages and displays data, generating SVG code on the fly. This demo also integrates related technologies, including ECMA/JavaScript, HTML, and the Document Object Model (DOM). |
|
|
|
|
|
|
|
|
|
|
| • |
Navigate between applications |
|
|
| • |
SVG and the Document Object Model (DOM) |
|
|
| • |
Generate SVG elements for data points |
|
|
|
|
|
|
|
|
|
|
|
|
| • |
Designer provides art and developer adds functionality |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| Reflections |
|
|
|
| Created by Republik One, this demo uses filter and text effects to present personal reflections inspired by the passage of the seasons. |
|
|
|
|
|
|
|
|
|
|
| • |
Text including multibyte characters |
|
|
| • |
Animation and interaction |
|
|
| • |
Filter effects |
|
|
|
|
|
|
|
|
|
|
|
|
| • |
Live filter effects |
|
|
| • |
Illustrator SVG Interactivity palette scripts |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| SVG Draw |
|
|
|
| This demo is a page markup program that serves as the basis of code for annotating another SVG graphic. Not only is it written with SVG, but the generated image is also SVG. |
|
|
|
|
|
|
|
|
|
|
| • |
SVG graphics on the canvas |
|
|
| • |
Object selection |
|
|
| • |
Menus, panels, and a tool palette |
|
|
|
|
|
|
|
|
|
|
|
|
| • |
Add mouse events to Illustrator using the SVG Interactivity palette |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
