body

    <body>


      <div class="container">

        <div class="row">

          <div class="col-sm">
            <div id="map-chart"></div>
          </div>

          <div class="col-sm">

            <div clas="row">
              <div class="col-sm">
                <div id="weapon-chart"></div>
              </div>
              <div class="col-sm">
                <div id="relashionship-chart"></div>
              </div>
            </div>

            <div clas="row">
              <div class="col-sm">
                <div id="killerRace-chart"></div>
              </div>
              <div class="col-sm">
                <div id="victimRace-chart"></div>
              </div>
            </div>

          </div>

        </div>

        <div class="row">
          <div class="col-sm">
            <div id="timeline-chart"></div>
          </div>

        </div>


        <div class="row">
          <div class="col-sm">
            <div id="killerGender-chart"></div>
          </div>
          <div class="col-sm">
            <div id="victimGender-chart"></div>
          </div>
          <div class="col-sm">
            <div id="solved-chart"></div>
          </div>
        </div>
      </div>

        <div id="count-chart" class = "dc-data-count" style = "float: right">
            <span class = "filter-count"></span> selected out of <span
               class = "total-count"></span> | <a href = "javascript:dc.filterAll();
               dc.renderAll();">Reset All</a>
        </div>

        <script src="deps/d3.js"></script>
        <script src="deps/crossfilter.js"></script>
        <script src="deps/dc.js"></script>
        <script src="charts.js"></script>


    </body>