Logo

2D Web Graphics: SVG

I. Herman, W3C, Head of Offices
Tampere, October 11, 2002

Slides of a presentation held in Tampere, on the 11th of October, 2002, at the opening ceremony of the W3C Finnish Office.

If your browser is enabled for SVG, I advise you to view the slideset in SVG. Otherwise, you can use the links below. Note that some of the slides refer to animation and/or to DOM scripting in SVG. Obviously, HTML+images will not work in that case... you should definitely use the SVG set if you want to see those effects!

There is also a printable version of all slides, collected into a single HTML file. Do not forget to use landscape mode when printing that file.

Table of Content:

  1. Title Page
  2. Graphics on the Web today
  3. What do we need?
  4. SVG
  5. A simple SVG example
  6. The “basics” are all there...
  7. Duck examples
  8. “Unusual” features
  9. Filters
  10. Filter operations
  11. Filter details
  12. Filter examples
  13. Filter example: picture compositing
  14. SVG animation
  15. SVG animation example
  16. What is animated?
  17. Walking man...
  18. How is animation performed?
  19. Bouncing cubes
  20. When is animation performed?
  21. Chaining animations
  22. Lights and images: animating filters
  23. SVG DOM
  24. Interaction with the DOM tree
  25. When should scripts be used?
  26. Clock
  27. Mine sweeper example
  28. SVG and (X)HTML
  29. Better (future) integration
  30. Implementations: players
  31. Implementations: authoring
  32. Application examples
  33. Roadmap of SVG Evolution
  34. SVG Basic & Tiny
  35. First mobile SVG implementations
  36. Further information
  37. Further information (cont)