Svg Layer Prototyping

by Blake Dietz

HTML

<svg>
    
</svg>

JavaScript

var svg = d3.select("svg").attr("height",300).attr("width",300)
var rect = svg.append("rect").attr("width",600).attr("height",600);

var upperLayer = svg.append("svg").attr("height",600).attr("width",600);
upperLayer.append("rect").attr("width",100).attr("height",100).attr("fill","pink").attr("y",500);
upperLayer.append("text").attr('fill','red').attr("x","50").attr("y","50").text("FOOOOOO");
setTimeout(function()
           {
               svg.attr("height",600);
           }, 2000);