SVG resize to containe

_.md

[ Launch Inlet ]
Gist #3200444

config.json

{"description":"SVG resize to containe","endpoint":"","display":"html","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":true}

inlet.js

var div = d3.select("#display");

div.append("svg:svg")
    .attr("width", "100%")
    .attr("height", "100%")
    .attr("viewBox", "0 0 800 600")
  .append("svg:circle")
    .attr("cx", 400)
    .attr("cy", 300)
    .attr("r", 250)
    .attr("fill", "aliceblue")
    .attr("stroke", "dodgerblue");