2D Web Graphics: SVG

I Herman, W3C, Head of Offices

Slides of the presentation given at the Media Elements 2004 event, on the 12th of November, 2004, in Enschede, the Netherlands.

If your browser is enabled for SVG, I advise you to view the slideset in SVG. You may want to check the SVG Implementations page for more details on players and on the latest versions. Otherwise, you can use the links to the HTML slides below, but you will loose, for example, some scaling and animation effects which are essential for these slides. Besides, the slides look much nicer in SVG...

Note: if you are using the Adobe SVG plugin, the latest, ASV6 version is required for these slides.

Table of Content:

  1. [Title Page]
  2. Graphics on the Web (Prior to SVG…)
  3. SVG
  4. A Simple SVG example
  5. The “basics” are all there…
  6. Duck examples
  7. Internationalization example
  8. So what is the big deal?
  9. XML Infrastucture
  10. Filters
  11. Filter Operations
  12. Filter Details
  13. (Rough) overview of filters
  14. Filter examples on W3C Logo
  15. Picture compositing
  16. Convolution matrix on pixels
  17. Image processing and graphics
  18. SVG Animation
  19. SVG animation example
  20. What is animated?
  21. Walking Man...
  22. How is animation performed?
  23. Bouncing cubes
  24. When is animation performed?
  25. Chaining animations
  26. How to write Kanji?
  27. “Everything” can be animated!
  28. Lights and images: animating filters
  29. SVG DOM
  30. Scripting Languages
  31. Example: Usage of “onclick”
  32. Interaction with the DOM Tree
  33. When Should Scripts Be Used?
  34. RDF Schema viewer example
  35. Clock
  36. Mine Sweeper Example
  37. Binomial Distribution
  38. Application Examples
  39. SVG 1.2: the next step
  40. Implementations: Players
  41. Implementations: Authoring
  42. The Mobile Web
  43. Restrictions, Constraints
  44. Drive to Innovation
  45. A Multipolar World
  46. The Players
  47. SVG and Mobile
  48. SVG and the Mobile Specs
  49. Further on SVG Mobile
  50. Further Information
  51. Further Information (cont.)
  52. Closing Examples
  53. Further Information (cont.)
  54. Come to SVGOpen 2005!