D3 Examples - Why are babies dying in Mississippi?

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
​
<style type="text/css">
  body {
    font-family: avenir, sans;
    font-size: 14px;
/*
    width: 960px;
    margin: 40px auto;
*/
  }
  svg {
    border: none; 
  }
  .states {
    stroke:#fff;
    fill:none;
  }
    p {
        font-size: 16px;
    }
</style>
​
<body>
​
<center><h1>Why are babies dying in Mississippi?</h1>
    <p>An exploratory visual analysis
    <br>by Debby Oh</p>
    <br>
    <p><b>Deaths under 1 year of age (2014)</b></p>
    <div id="death-rate"></div></center>
    <br>
    
<center><h2>And why are they born too small?</h2>
    <p><b>Low birth weight infants</b></p>
    <div id="low-birth-weight"></div></center>
    <br>
    
<center><h2>And why are they born too early?</h2>
    <p><b>Preterm infant births</b></p>
    <div id="preterm-birth"></div></center>
    <br>
    
<center><h2>Are their moms too young?</h2>
    <p><b>Adolescent births (under 20 years)</b></p>
    <div id="teen-birth"></div></center>
    <br>
    
<center><h2>Does any one take care of their moms?</h2>
    <p><b>No prenatal care</b></p>
    <div id="prenatal-care"></div></center>
    <br>    
    
<center><h2>Do their moms take care of themselves?</h2>
    <p><b>Maternal tobacco use</b></p>
    <div id="smoking"></div></center>    
    <br>
​
<center><p><b>Maternal diabetes</b></p>
    <div id="diabetes-mom"></div></center>
    <br>
    
<center><h2>Or is the problem not just the moms?</h2>
    <p><b>Obesity in adults (over 18 years) </b></p>
    <div id="obese-state"></div></center>
    <br>
    
<center><p><b>Poverty</b></p>
    <div id="poverty-state"></div></center>
    <br>
    
    
    
<div><center>
    <p>Source: <a href="https://wonder.cdc.gov/">CDC wonder</a> (2013-2014), <a href="https://nccd.cdc.gov/NPAO_DTM/IndicatorSummary.aspx?category=28&indicator=29">CDC Division of Nutrition, Physical Activity, and Obesity</a> 2014, and <a href="https://www.census.gov/acs">US Census American Community Survey</a> 2014.</p>
</center></div>        
</body>
​
<script src="https://d3js.org/d3.v4.js" charset="utf-8"></script>
<script src="https://d3js.org/topojson.v1.min.js"></script>
<script src="deathrate.js"></script>
<script src="lbw.js"></script>
<script src="preterm.js"></script>
<script src="teen.js"></script>
<script src="prenatal.js"></script>
<script src="tobacco.js"></script>
<script src="diabetes.js"></script>
<script src="obesity.js"></script>
<script src="poverty.js"></script>
​
  
<script type="text/javascript">
 deathrate("#death-rate");
 lbw("#low-birth-weight");
 preterm("#preterm-birth");
 teen("#teen-birth");
 prenatal("#prenatal-care");
 tobacco("#smoking"); 
 diabetes("#diabetes-mom");    
 obesity("#obese-state");
 poverty("#poverty-state");
​
</script>
​
    