subsection contents

S-Grapher/<canvas>

Parameters
  A B
  x y x y
radius
factor
origin
offset
starting angle    
ending angle    
increment    
Presets
Actions
S-Grapher/<canvas> 1.0
Copyright © 2005, Bruno Andrighetto

This JavaScript application lets you view some preset patterns called s-graphs. What is an s-graph? It's the name I've given to a pattern generated by playing around with some trig functions. These patterns look similar to spirographs, but use a different principle.

Back in 1997 I wrote a Java applet called S-Grapher Lite. The <canvas> version extends the functionality by allowing users to create new s-graphs.

Requires a browser that supports the <canvas> tag, such as Safari, Firefox (1.5+) and Opera (9.0+). JavaScript must be enabled.

Tested with Safari and Firefox on Mac OS X. According to Browsershots, the page loads and appears to work with Firefox, Opera, Chrome and Safari on Windows. Note that the <canvas> tag is not officially supported by Internet Explorer — the ExplorerCanvas library has also been included, so the page should work in IE versions 6.0 to 8.0 on Windows.

If your browser does not support the <canvas> tag, a Flash version is available. Alternatively, if your browser supports Scalable Vector Graphics (SVG), an SVG version is available.


Last updated: December 29, 2009