Dynamic SVG Projects

These SVG projects use JavaScript and/or PHP to make animations or more active drawings.

Click on any SVG thumbnail to see a larger version.

Letters

Draws most low-ASCII characters in SVG.

Shapes/PNG

Draws PNG images using PHP. Demonstrates how we can use PHP to generate non-ascii output.

Shapes/PHP

Draws SVG images using PHP.

Shapes/JS

Draws SVG images using JavaScript.

Inline SVG

A tutorial web site how to create SVG images dynamically at run time.

Clock

Shows the current time and is actually running. Click on the caption to see a larger version.

Color Wheels

Several projects that use SVG, CSS, and/or HTML5 Canvas to generate various kinds of color wheels.

Elements
Mondrian
Comics
Pie Charts
large