D3 Examples - ART: Canvas + SVG

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset='UTF-8'>
<body>
<script src="art-svg.min.js"></script>
<script src="art-canvas.min.js"></script>
<script>
    var width = 960 / 2, height = width;
    var art, surface;
​
    // Canvas
    art = ArtCanvas;
    surface = art.Surface(width, height);
​
    art.Rectangle(width / 2, height / 2)
            .move(width / 4, height / 4)
            .fill('rgba(255,0,0,0.25)')
            .inject(surface);
​
    surface.inject(document.body);
​
    // SVG
    art = ArtSvg;
    surface = art.Surface(width, height);
​
    art.Rectangle(width / 2, height / 2)
            .move(width / 4, height / 4)
            .fill('rgba(0,0,255,0.25)')
            .inject(surface);
​
    surface.inject(document.body);
</script>
</body>
​
    