Creating scrollbars with SVG and d3.js

Question

Right now I\'ve used d3 to create several \"boxes\" that are merely SVG rectangles with text:

var canvas = d3.select(\"body\").append(\"svg\")
    .attr(\"width\         


        

Answer 1

Try to add the viewBox svg property:

var rectangle = container.append("svg")
    .attr("viewBox", "0,0,150,420")
    .append("rect")
    .attr("width", 150)
    .attr("height", 420)
    .attr("fill", "steelblue")
    .attr("x", 0)
    .attr("y", 0);

jsfiddle