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
self-describing examples
- Starflake expressway
- Sunrise in Tokyo
- flame
- fried egg billiards
- SVG drawing package
- Hundreds of examples from Dailey (http://srufaculty.sru.edu/david.dailey/svg/SVGAnimations.htm)
ASV-only, but nice:
Special collections:
- Dynamic
document creation
http://srufaculty.sru.edu/david.dailey/svg/createElementBrowser.html - Replicate for rich gradients and 3D effects
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/replicate.htm - Textures
http://srufaculty.sru.edu/david.dailey/svg/texture/texturepage.htm - Text Effects
http://srufaculty.sru.edu/david.dailey/svg/text/ - Pushing the Edges
http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2008/edges_of_plausibility.htm