A bucketful of SVG examples


Example 1: Bézier flotation device with nondeterministic landscape
http://srufaculty.sru.edu/david.dailey/svg/balloon.svg

Example 2: Equidistant positioning points along a Bézier curve
http://srufaculty.sru.edu/david.dailey/svg/curve.svg

Example 3: Simple animation (code:  only 38 lines of markup and no script)
http://srufaculty.sru.edu/david.dailey/svg/ovaling.svg

Example 4: Use of gradients and patterns
http://srufaculty.sru.edu/david.dailey/svg/grid2.svg

Example 5: Intersecting ClipPaths
http://srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg

Example 6: Animated text crawling along a a Bézier curve
http://srufaculty.sru.edu/david.dailey/svg/newstuff/textpath1.svg

Example 7: Animated reflected gradients with transparency
http://srufaculty.sru.edu/david.dailey/svg/newstuff/gradient11c.svg

Example 8: Clock with impressionist tinge
 http://srufaculty.sru.edu/david.dailey/svg/ballclock.svg

Example 9: Using a filter to create pond ripples over an image
http://srufaculty.sru.edu/david.dailey/svg/waves.html

Example 10: Using <replicate> to simulate Digital Elevation Maps
http://srufaculty.sru.edu/david.dailey/svg/dem/DEM_1.svg

Example 11: Non-affine cobblestones
http://srufaculty.sru.edu/david.dailey/svg/replicate/repRectsGrad2g.svg

Example 12: Triangular tiling
http://srufaculty.sru.edu/david.dailey/svg/triBraids4.svg

Example 13: A web application for drawing graphs (networks)
http://srufaculty.sru.edu/david.dailey/grapher/

Example 14: Simulating ad hoc mobile networks
http://srufaculty.sru.edu/david.dailey/svg/graphs30.svg

Example 15: Zooming in on a <pattern> in a <pattern>
http://srufaculty.sru.edu/david.dailey/svg/recent/sliderzoom2.svg

Example 16: Using multiple path subcommands to represent overpasses and underpasses:
http://srufaculty.sru.edu/david.dailey/svg/notknot2.svg

Example 17: Filling the browser with changing hexagonal gradients.
http://srufaculty.sru.edu/david.dailey/svg/pattern.svg

Example 18: Rotating barber pole
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/barberPole.svg

Example 19: Fancy filters: wild fire
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/fireWild.svg

Example 20: Semantic proximities with AJAX and server-side lookups
http://granite.sru.edu/~ddailey/wordtable.html

Example 21: Worms
http://srufaculty.sru.edu/david.dailey/svg/recent/triGradients1.svg
http://srufaculty.sru.edu/david.dailey/svg/newstuff/tilesA.svg
http://srufaculty.sru.edu/david.dailey/svg/newstuff/wiggleline2.svg

Example 22: Morphing between random polygons
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Polygons/polygons10.svg

Example 23:Distortion of image affected by mouse
http://srufaculty.sru.edu/david.dailey/svg/newstuff/filterDisplacementMap4a.svg