JSFiddle - React, Tailwind, and code Playground

HTML

<title>Overflow Test</title>
<script src="http://d3js.org/d3.v3.min.js"></script>
<body>

        <div class="container">
            <svg></svg>
        </div>
  
</body>

CSS

.container {
    height: 225px;
    width: 175px;
    border:2px solid #000;
    overflow-y: scroll;
    overflow-x: hidden;
}

svg {
    display: block;
    width: 200%;
    height: 200%;
}

JavaScript

var container = d3.select("svg");

var rectangle = container
    .append("rect")
    .attr("width", 175)
    .attr("height", 320)
    .attr("fill", "steelblue")
    .attr("x", 0)
    .attr("y", 0);