I have been designing a gantt chart. The javascript files are located within the html body:

```
<body>
  <section>
    <div class="container">
      <h1 class="arrow">Areas of Expertise</h1>
      <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
      <script type="text/javascript" src="http://static.mentful.com/gantt-chart-d3v2.js"></script>
      <script type="text/javascript" src="js/gantt.js"></script>
    </div>
  </section>
</body>

```

However, when I look at the source, the svg file is located outside of the `section` tags:

```
<body>
  <section>...</section>
  <script>...</script>
  <svg class="chart" width="777" height="827">...</svg>
</body>

```

I want my chart to take on the properties of the container it's in. It doesn't seem to be doing that. Here is a working example of my chart in action: <http://jsbin.com/pigudeyovi/2/edit?html,output>

Why is the .svg outside of the `section` tags?