Page design for a row is not coming properly
http://stackoverflow.com/questions/28895886/page-design-for-a-row-is-not-coming-properly
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://raw.githubusercontent.com/benkeen/d3pie/0.1.6/d3pie/d3pie.js"></script>
<script src=" https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-12">
<form>
<label><input type="radio" name="Year" value="2001">2001</label>
<label><input type="radio" name="Year" value="2002">2002</label>
<label><input type="radio" name="Year" value="2003">2003</label>
<label><input type="radio" name="Year" value="2004">2004</label>
<label><input type="radio" name="Year" value="2005">2005</label>
<label><input type="radio" name="Year" value="2006">2006</label>
<label><input type="radio" name="Year" value="2007">2007</label>
<label><input type="radio" name="Year" value="2008">2008</label>
<label><input type="radio" name="Year" value="2009">2009</label>
<label><input type="radio" name="Year" value="2010">2010</label>
<label><input type="radio" name="Year" value="2011">2011</label>
<label><input type="radio" name="Year" value="2012">2012</label>
<label><input type="radio" name="Year" value="2013">2013</label>
</form>
<h6>Crime against women in India on mouse hover and generate pie chart</h6>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2200">
<g title="Bihar" entity_id="10" entity_type="state">
<path id="BIHAR" fill="#CCC" stroke="#FFFFFF" stroke-width="3.543" d="M980.904,672.971 c-9.646-2.544-19.52-1.091-28.733-3.464c-10.854-2.792-16.487-10.413-28.613-11.37c-15.604-1.229-31.313-2.331-46.962-1.016...
CSS
div.tooltip {
background: yellow;
border-radius: 12px;
border: 0px;
font: 14px sans-serif;
height: 300px;
padding: 2px;
pointer-events: none;
position: absolute;
text-align: center;
width: 200px;
}
path:hover {
fill: red;
}
.slice text {
font-size: 10pt;
font-family: Arial;
}
JavaScript
var notPresent = [];
var data = [{
STATEUTS:'Andhra Pradesh',
RAPE:871,
Kidnapping:765,
Dowry:420,
Assault:3544,
Insult:2271,
Cruelty:5791,
Importation:7,
ImmoralT:1332,
Prohibtion:551,
INDECENTREPRESENTATIONOFWOMENPACT:925,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:16477,
Year:2001
},
{
STATEUTS:'Arunachal Pradesh',
RAPE:33,
Kidnapping:55,
Dowry:0,
Assault:78,
Insult:3,
Cruelty:11,
Importation:0,
ImmoralT:0,
Prohibtion:0,
INDECENTREPRESENTATIONOFWOMENPACT:0,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:180,
Year:2001
},
{
STATEUTS:'Assam',
RAPE:817,
Kidnapping:1070,
Dowry:59,
Assault:850,
Insult:4,
Cruelty:1248,
Importation:0,
ImmoralT:6,
Prohibtion:179,
INDECENTREPRESENTATIONOFWOMENPACT:10,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:4243,
Year:2001
},
{
STATEUTS:'Bihar',
RAPE:888,
Kidnapping:518,
Dowry:859,
Assault:562,
Insult:21,
Cruelty:1558,
Importation:83,
ImmoralT:29,
Prohibtion:835,
INDECENTREPRESENTATIONOFWOMENPACT:3,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:5356,
Year:2001
},
{
STATEUTS:'Chhattisgarh',
RAPE:959,
Kidnapping:171,
Dowry:70,
Assault:1763,
Insult:161,
Cruelty:840,
Importation:0,
ImmoralT:12,
Prohibtion:13,
INDECENTREPRESENTATIONOFWOMENPACT:0,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:3989,
Year:2001
},
{
STATEUTS:'Goa',
RAPE:12,
Kidnapping:6,
Dowry:2,
Assault:17,
Insult:7,
Cruelty:11,
Importation:0,
ImmoralT:28,
Prohibtion:0,
INDECENTREPRESENTATIONOFWOMENPACT:0,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:83,
Year:2001
},
{
STATEUTS:'Gujarat',
RAPE:286,
Kidnapping:857,
Dowry:67,
Assault:756,
Insult:111,
Cruelty:3667,
Importation:0,
ImmoralT:61,
Prohibtion:0,
INDECENTREPRESENTATIONOFWOMENPACT:0,
COMMISSIONOFSATIPREVENTIONACT:'0',
Total:5805,
Year:2001
},
{
STATEUTS:'Haryana',
RAPE:398,
Kidnapping:297,
Dowry:285,
Assault:478,
Insult:401,
...