Skip to content
Chicago Tribune
PUBLISHED: | UPDATED:
Getting your Trinity Audio player ready...

<!– STARTER CSS
WRAP it all in a

background page color is #FBFCFC
–>

div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}

/* Put a

on your charts*/
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;}
/* A will draw a colored box for use in a color key. You will need to write a second class to set the color so it matches the chart/map/etc. */
.box{display: inline-block;background-color: #000;border:1px solid #888;height: 10px;width: 10px;margin: 0 5px 0 0px;}

.clearfix{clear:both}

/* REMOVE HEIGHT and WIDTH attributes from fusion tables and replace with class=’fusion-table’ */
.fusion-table{width:100%;height:400px;}

/* USE AN

in “.graphic-wrapper” for chart labels */
.graphic-wrapper h4{color:#000;font-family:’Arial’, sans-serif;font-weight:bold;font-size:16px}

/* USE AN inside the

for normal-weight italic type */
.graphic-wrapper h4 em{font-weight:normal;}

/* TABLE STYLES — just be sure

is in “.graphic-wrapper” */
.graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table th {padding:10px 7px;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}

ul.key li{
display: inline;
margin-right: 28px;
font-family: ‘Arial’,sans-serif;
color: #000;
font-size: 13px;
}
/* TABLE ZEBRA STRIPES — use

*/
.graphic-wrapper table.zebra td {padding:10px 7px;}
.graphic-wrapper table.zebra tr:nth-child(even) {background: #d3deea}

.show-phone{display:none;}

/* YOUR NEW STYLES HERE */

@media all and (max-width: 700px) {

.show-phone{display:initial;}
.hide-phone{display:none;}
/* THIS IS WHERE PHONE-SPECIFIC STYLES GO */

}

Building permit data from the City of Chicago shows that construction projects sprouted all over the city before the recession. But the housing crisis stifled development – especially on the South Side, where the number of permits issued plummeted between 2006 and 2010, and has recovered slower than the rest of the city since then.

Change in building permits by community area
2006-2013

Key:

  • >75% drop
  • 50-75% drop

  • 25-50% drop
  • <25% drop
  • No decrease


A closer, year-by-year look reveals the slow comeback the North Side made. Use this interactive map to explore construction permits issued by year. Click on the icon in the upper right to get started. Each dot represents a building permit issued. The darker/larger the dot gets, the pricier the estimated project cost.

https://api.tiles.mapbox.com/mapbox.js/v1.6.4/mapbox.js

#map { height:400px;border:1px soilid #888; }

var map = L.map(‘map’).setView([41.8781136,-87.62979819999998], 12);

L.mapbox.tileLayer(‘examples.map-i87786ca’).addTo(map);

L.control.layers({
‘All’: L.mapbox.tileLayer(‘rwebner.ChicagoConstAll’),
‘2006’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2006II’),
‘2007’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2007II’),
‘2008’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2008II’),
‘2009’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2009II’),
‘2010’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2010II’),
‘2011’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2011II’),
‘2012’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2012II’),
‘2013’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2013II’),
‘2014 (first half)’: L.mapbox.tileLayer(‘rwebner.ChicagoConst2014II’)
}).addTo(map);

@ChiTribGraphics