index.html

---
layout: default
title: BUNT.
---
<section role="main">

  <header class="bunt-brand">
    <h1 class="mvl small-12 medium-10">BUNT</h1>
  </header>
  <div class="small-12 columns">

    <div class="row">
      <div class="medium-9 large-7 small-centered column">
        
        <p class="mbm"><strong>Background:</strong> It was WBC Semifinal Japan vs USA, in the 8th-inning where Japan trailing by 1 run. Lead off hitter gets on with a hit, and following hitter, <a href="http://www.baseball-reference.com/register/player.fcgi?id=yamada000tet">Tetsuto Yamada</a>, arguably one of the best Japanese hitter (with 100 HRs in past three years), puts down a sac bunt. Runner moves to second, but does not score. Japan lost. Booo.</p>
        </div>

      </div>
    </div>
   
    <div class="row"> 

      <div class="small-12 columns">
        <h2>How many sacrifice bunts in MLB?</h2>
          <div class="ct-chart ct-octave"></div>
      </div>

    </div>

    <div class="row"> 
      <div class="small-12 columns">
        <h2>Which teams?</h2>
      </div>
    </div>
      <div class="row">
      <div class="medium-9 large-7 small-centered column">
        
        <p class="mbm">Here is a look at past 10 years worth of team bunt data</p>


      </div>
    </div>

    <div class="row" id="sortableTable"> 

      <div class="small-12 columns">
        
        <table id="datatable" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Year</th>
                <th>MLB rank in year</th>
                <th>Team</th>
                <th>League</th>
                <th>Sac Hits</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Year</th>
                <th>MLB rank in year</th>
                <th>Team</th>
                <th>League</th>
                <th>Sac Hits</th>
            </tr>
        </tfoot>
      </table>
      </div>
    
    </div>


  </div>
</section>