http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
http://data.baltimoresun.com/voter-guide/scripts/modernizr.js
http://data.baltimoresun.com/baltimore-neighborhood-health/neighborhoods.js
http://data.baltimoresun.com/baltimore-neighborhood-health/Chart.js
http://www.baltimoresun.com/thirdpartyservice?path=/
.trb_navhead_lowerWrapper, .trb_navhead_upperWrapper {max-width:none;}
BODY {
font-family:lato,sans-serif;
}
h2 {font-size:2em;}
.neighborhood {
opacity: 1;
stroke: white;
cursor: pointer;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s; }
.neighborhood:hover {
opacity: 0.5; }
.neighborhood.selected {fill: #C4A157; }
.table-data{
font-family:lato,sans-serif;
font-size:3em;
text-align:center;
padding: 10px 0;
border-bottom:1px solid #99a0ad;
color:#c4a157;
}
.table-label{
font-family:lato,sans-serif;
font-size:1em;
text-align:center;
padding: 5px 0;
border-bottom:1px solid #99a0ad;
}
.table-key {
font-family:lato,sans-serif;
font-size:1.5em;
padding:5px;
color:#5c6981;
text-align:center;
text-transform:uppercase;
border-bottom:1px solid #99a0ad;
width:100px;
}
.blue {color:#5c6981;}
.gold {color:#c4a157;}
.numbers {border-bottom:1px solid
#99a0ad;}
#container{
text-align:left;
padding-left:50px;
}
#map {
width:80%;
text-align:left;
padding-top:100px;
vertical-align: top;
}
svg {
float:left;
margin-right:-130px;
margin-left:-100px;
margin-top:-100px;
height:800px;
}
#map-info {
float:left;
width:390px;
margin-top:-50px;
margin-left:25px;
}
.bar {width: 80%;float:left;margin-right:30px;color:#5C6981;font-size:1.5em;}
.select {
padding-left:20px;
padding-bottom:-20px;
color:#c4a157;
font-size:1.5em;
}
@media (max-width: 1150px) {
#container {
width:100%;
padding-left:0;
}
svg {
margin-top:-180px;
}
}
@media (max-width: 980px) {
#map {
width:70%;
padding-top:50px;
padding-left:30px;
}
#map-info {
width:290px;
margin-top:-30px;
float:left;
padding-left:50px;
}
.table-data {font-size:1em;}
svg {margin-top:-200px;}
}
@media (max-width: 850px) {
svg {height:500px;margin-top:-100px;}
.bar {width: 50%;}
}
@media (max-width: 750px) {
.numbers {border-bottom:1px solid
#99a0ad;padding-top:50px;}
#map {
width:100%;
padding-left:30px;
margin-top:25px;
}
#map-info {
float:none;
width:390px;
}
.table-data {font-size:3em;}
.bar {width: 100%;float:left;}
#map {
padding-left:100px;
}
#map-info {
width:220px;
margin-top:-70px;
float:left;
padding-left:10px;
}
.table-data {font-size:1.5em;}
}
@media (max-width: 450px) {
svg {margin-top:-150px;}
}
<!–
–>
Comparing the "health" of Baltimore neighborhoods
–>
A Baltimore City Health Department report ranks city neighborhoods for many social determinants and health outcomes. West Baltimore neighborhood Upton/Druid Heights ranks near bottom in many factors while North Baltimore's Roland Park ranks near the top. Explore the rankings for city neighborhoods below based on several criteria, compared against the city averages. Read The Sun’s investigation here.
BALTIMORE CITY | ||
|
LIFE EXPECTANCY |
71.8 |
|
NON-FATAL SHOOTINGS* |
46.5 |
|
HOMICIDE INCIDENT RATE* |
20.9 |
|
HEART DISEASE DEATH RATE* |
28.4 |
|
DIABETES DEATH RATE* |
3.5 |
*rates are per 10,000 residents |