Creating SVG from JavaScript 
       =============================
       
       
       
       
 (TXT) W3 SVG Logo (.svg) 
       
       Introduction 
       -------------
       
       
       A small example on how to create SVG -graphics in JavaScript. 
       
       
       The code 
       ---------
       
       
       The HTML is simple: 
       
       
       Add some JavaScript: 
       
       
       A simple SVG appears: 
       
       
       Notes 
       ------
       
       
       You can create the SVG-element itself by code too: 
       
       
       I used the create-configure-connect pattern here which I introduced in: WebAudio CCC-pattern . 
       
 (DIR) WebAudio CCC-pattern
       
       Now go make some! 
       
       
       Attribution 
       ------------
       
       
       The W3C SVG Logo including a link: 
       
       
       
       
 (HTM) 
 (TXT) W3C SVG Logo (.svg) 
 (DIR) previous One SVG to rule them all
       
 (DIR) next Rascal
       
       
       Related 
       --------
       
 (DIR) Lastcrud logo
 (TXT) Lastcrud logo (.svg) 
 (DIR) Elmtris
 (TXT) Tetris logo inspired by the Elm logo (.svg) 
 (DIR) Dropzone GPX preview
 (TXT) GPX element (.svg) 
 (DIR) Rascal
 (IMG) Rascal Point of View screenshot (.png) 
 (DIR) CCC - A code pattern for Web Audio
 (TXT) /img/fallback.svg (.svg) 
 (DIR) Hextris
 (IMG) Hextris (.png) 
 (DIR) Commodore 64 emulator
 (TXT) /img/fallback.svg (.svg) 
 (DIR) JavaScript Tetris in 1.5 kB
 (IMG) jstetris.html (.png) 
 (DIR) [Talk] <svg> - made by thee
 (TXT) SVG element (.svg) 
 (DIR) One SVG to rule them all
 (TXT) SVG element (.svg)