SVG uses

SVG is resolution-independent, making it ideal for rendering cross-platform user interface components, animations and applications where each element needs to be accessible via the DOM.

Synchronised animation and audio
http://svg-wow.org/camera/camera.xhtml

Animated world landmarks re-created in SVG
http://svg.kvalitne.cz/worldlandmarks/worldlandmarks.svg

SVG filters on HTML5 video

http://paulirish.com/2010/svg-filters-on-html5-video/

Adding a third dimension to SVG graphics
http://debeissat.nicolas.free.fr/svg3d.php

Rendering vector graphics in SVG vs Flash

http://codinginparadise.org/projects/svgweb/samples/demo.html

An interactive SVG jigsaw
http://lavadip.com/experiments/jigsaw/

SVG UI Components: a HTML5 subtitles bar
http://158.109.70.57/svg/final/svg_subtitles.html

Applying SVG masks over HTML5 video
http://atomicrobotdesign.com/blog_media/svg_mask.html

Path-tracing map routes with SVG and Raphael
http://www.alistapart.com/articles/svg-with-a-little-help-from-raphael/

Deconstructing Trajan columns with SVG
http://upload.wikimedia.org/wikipedia/commons/6/6c/Trajans-Column-lower-animated.svg

Animated Rube Goldberg machine in SVG
http://www.svgopen.org/2007/papers/SLOGO_Abstract/SLogo_Fig9_Goldberg_Machine.svg

Interactive Postcard of Ireland in SVG
http://svg.kvalitne.cz/ireland/irelandvacation.svg

Crime and poverty interactive SVG map
http://www.carto.net/papers/svg/us_crime_2000/map.svgz

Animated lyrics in SVG
http://svg-wow.org/audio/animated-lyrics.svg
Analytics with Raphael and SVG
http://raphaeljs.com/analytics.html

Visual representation Of Twitter connections
http://workshop.rs/projects/twings/#kopipejst

Blobular
http://www.themaninblue.com/experiment/Blobular/

The creepy mouth In SVG
http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg

Animated SVG clock
http://www.bogotobogo.com/svg_source/SVGDigitalClock.svg

Interactive SVG on the iPad
http://techblog.floorplanner.com/2010/08/30/interactive-svg-for-the-ipad/

Resource: http://www.netmagazine.com/features/20-svg-uses-will-make-your-jaw-drop

Leave a Reply

Your email address will not be published. Required fields are marked *