Exploring transportation data

div#content.article .graphic-wrapper h2,
.graphic-wrapper img {max-width:100%}
a.credit{font-style:italic}
.graphic-wrapper p{font-weight:normal;}
.graphic-wrapper h1{font-size: 40px;line-height: 1.3em;margin: 10px 0;}
.graphic-wrapper strong {color:#000}
.graphic-wrapper .text-center {text-align:center;}
.graphic-wrapper .text-right {text-align:right;}

/* Put a LEGEND on your charts with this example. The will draw a colored box for use in a color key. You will need to write a second class/style to set the color so it matches the chart/map/etc.:

*/
.graphic-wrapper .legend p{font-family:’Arial’, sans-serif; font-size:14px; color:#000;line-height:1.3em;margin:0;padding:0;}
ul.key li{display: inline;margin-right: 28px;font-family: ‘Arial’,sans-serif;color: #000;font-size: 13px;}
.box{display: inline-block;background-color: #000;height: 10px;width: 10px;margin: 0 5px 0 0px;border-radius: 50%;}
.legend div{float:left; width:45%;margin-right:5%}

.clearfix{clear:both}

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

/* USE AN

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

/* 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” */
/* http://tableizer.journalistopia.com/ */
.graphic-wrapper table {width:100%;margin:15px 0;border-collapse:collapse;}
.tableizer-firstrow, .graphic-wrapper table thead tr {background-color:#12182d;color:#fff;}
.graphic-wrapper table tbody tr {vertical-align: top;}
.graphic-wrapper table td,.graphic-wrapper table th{font-size:14px; font-family:’Arial’, sans-serif;}
.graphic-wrapper table td {padding:7px;}
.graphic-wrapper table tbody tr:first-child td {padding-top:12px;}
.graphic-wrapper table th {padding:10px;border-right: 1px solid white;text-align: left;}
.graphic-wrapper table tr:last-child{ border-bottom: 2px solid #12182d;}
.graphic-wrapper table tr:last-child td{ padding-top: 10px; padding-bottom:10px;}

/* TABLE ZEBRA STRIPES — use

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

.show-phone{display:none;}

.bar{
height:20px;
background-color: #888;
padding: 3px 0px;
color:#fff;
text-align: right;
margin-bottom:7px;
margin-right:8px;
float:left;}

.bar span{
padding-right:5px;
color:#fff;
font-weight:bold;
margin-top:2px;

margin-right: 0;
}

/* 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 */
}

<!––>

@ChiTribGraphics

The Chicago Metropolitan Agency for Planning (CMAP) is responsible for regional planning in Cook, DuPage, Kane, Kendall, Lake, McHenry and Will counties. The agency developed a new site that uses data to try and get people in the Chicago area thinking about maintaining and modernizing the transportation system and its GO TO 2040 plan.

THE HOME PAGE

Users can access three areas of data which are part of the overall 11 part GO TO 2040 plan:

---

EXAMPLE: FREIGHT

Users can click and view railroad crossing delay data by intersection on an interactive map.

---

TEN CROSSINGS WITH THE WORST DELAYS IN THE CHICAGO AREA (2011)

Crossing	Location	Cumulative delay in hours	Est. vehicles delayed per day	Average gate down time (min.)	Average delay per vehicle (min.)
1. Morgan St. near 40th St.	Chicago	384.3	3,194	13.1	7.2
2. Pulaski Rd. near 33rd St.	Chicago	226.2	3,102	8	4.4
3. Archer Ave. near Knox Ave.	Chicago	161.1	3,348	5.3	2.9
4. 55th St. near Kolmar Ave.	Chicago	147.7	3,068	5.3	2.9
5. 55th St. near Parkside Ave.	Chicago	120	2,493	5.3	2.9
6. 119th St. near Maple Ave.	Blue Island	118.8	1,974	6.6	3.6
7. 47th St. near East Ave.	La Grange	106.2	2,206	5.3	2.9
8. Racine Ave. near Pershing Rd.	Chicago	96	798	13.1	7.2
9. Muskegon Ave. near 104th St.	Chicago	95.4	1,586	6.6	3.6
10. Central Ave. near 54th St.	Chicago	94.5	1,972	5.3	2.9