JSFiddle

  • O'Reilly 2.10: Guess the Shape #19 is the latest revision

    Raphael 2.1.0, HTML, CSS, JavaScript

    var paper = Raphael(0, 0, 500, 500);
    
    var r1 = paper.rect(25, 25, 50, 50);
    var r2 = paper.circle(125 ...
  • Chapter 2: Braille, Part 1 #28 is the latest revision

    A Braille generator

    var braille = { 
            "A": "1",
            "B": "1-2",
            "C": "1-4",
            "D": "1-4-5",
            "E": "1-5",
            "F": "1-2-4",
            "G": "1-2-4-5",
            "H": "1-2-5",
            "I": "2-4 ...
  • O'Reilly 1.1: Hello Dot #274 is the latest revision

    The "Hello World" of RaphaelJS

    <html>
        <head>
            <title>Red dot</title>        
        </head>
        <body>
            <div id="container"></div>
            <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
            <script>
    var paper = Raphael("container", 500, 300);
    var dot = paper.circle(250, 150, 100).attr("fill", "#FF0000").attr("stroke ...</script></body></html>