-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfreight-center-story.html
758 lines (725 loc) · 62.9 KB
/
freight-center-story.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="description" content="The DVRPC Freight Center inventory is an exploration of the freight economy and its impact on regional development and employment patterns.">
<meta name="author" content="Michael Ruane, Delaware Valley Regional Planning Commission, Office of Freight and Aviation Planning">
<title>Freight Centers of Greater Philadelphia | PhillyFreightFinder</title>
<meta property="og:title" content="Freight Centers of Greater Philadelphia" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@DVRPC" />
<meta name="twitter:description" content="The DVRPC Freight Center inventory is an exploration of the freight economy and its impact on regional development and employment patterns." />
<meta property="og:url" content="https://www.dvrpc.org/webmaps/phillyfreightfinder/freight-center-story.html" />
<meta property="og:image" content="http://www.dvrpc.org/webmaps/phillyfreightfinder/lib/images/freight-center-social-card.jpg" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800' rel='stylesheet' type='text/css'>
<link href='lib/tools/freight-story/freight-story.min.css' rel='stylesheet' type="text/css"/>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js"></script>
<![endif]-->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WZP57HH');</script>
<!-- End Google Tag Manager -->
</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top pffheader">
<!-- Header logos and mobile menu button -->
<div class="col-md-1 brand-leader hidden-xs hidden-sm hidden-md"></div>
<div class="col-sm-12 col-md-12 col-lg-10 brand-left-offset" >
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand ">
<a href="https://www.dvrpc.org/freight/" title="DVRPC Website" target="_blank" class="dvrpc-logo"><img src='lib/images/header_dvrpc.png' alt="DVRPC logo" height='50'/></a>
<a href="../phillyfreightfinder/#home" class="dvrpc-pff" title="PFF homepage"><img src='lib/images/header_pff.png' height='50' alt="PFF logo"/></a>
</div>
</div>
<!-- Navigation links .navbar-collapse-->
<div id="navbar-links" class="navbar-collapse collapse">
<!--<form id='nav_search' class="navbar-form navbar-right " >
<div class="input-group search-container mapUI" style="display:none;">
<input id="searchbox" type="text" class="form-control" placeholder="Search by facility/place name">
<span class="input-group-addon"><i class="dynico dynico-search"></i></span>
</div>
</form>-->
<!-- Menu Items -->
<ul id='landing' class="nav navbar-nav">
<li><a href="../phillyfreightfinder/#home" data-toggle="collapse" data-target=".navbar-collapse.in"><i class="dynico dynico-home"></i> Home</a></li>
<li class="dropdown">
<a id="AboutDrop" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="dynico dynico-dvrpc"></i> About <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu">
<li><a href="../phillyfreightfinder/#planning" class='landingLink' data-toggle="collapse" data-target=".navbar-collapse.in">Freight Planning</a></li>
<li><a href="../phillyfreightfinder/#data" class='landingLink' data-toggle="collapse" data-target=".navbar-collapse.in">Our Data</a></li>
<li><a href="../phillyfreightfinder/#open-freight-app" class='landingLink' data-toggle="collapse" data-target=".navbar-collapse.in">Open Freight App</a></li>
</ul>
</li>
<li class="dropdown">
<a id="ToolsDrop" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="dynico dynico-compass"></i> Tools <b class="caret"></b></a>
<ul class="dropdown-menu" role="menu">
<li><a href="../phillyfreightfinder/#region" data-toggle="collapse" data-target=".navbar-collapse.in">County Profile Tool</a></li>
<li><a href="../phillyfreightfinder/#maritime-indicators" class='landingLink' data-tab='maritime-indicators' data-toggle="collapse" data-target=".navbar-collapse.in">Maritime Indicators</a></li>
<li><a href="../phillyfreightfinder/#highway-performance" class='landingLink' data-tab='highway-performance' data-toggle="collapse" data-target=".navbar-collapse.in">Highway Performance</a></li>
<li><a href="../phillyfreightfinder/freight-center-story.html" class='landingLink' data-toggle="collapse" data-target=".navbar-collapse.in">Freight Center Story</a></li>
</ul>
</li>
<li id='maplink' class='landingUI'><a href="../phillyfreightfinder/#map" data-tab='map' data-toggle="collapse" data-target=".navbar-collapse.in"><i class="dynico dynico-map"></i> View Map</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</header>
<!-- Core pages (non-map) -->
<section id='pFFlanding' class='landing fade in landtab-content landingUI' role='main'>
<!-- dot navigation -->
<div class="dotnav hidden-sm hidden-xs">
<ul>
<li class="current" data-story-nav="0"><a href="#" >Introduction to DVRPC Freight Centers</a></li>
<li class="new-section" data-story-nav="1"><a href="#">Defining Freight Employment</a></li>
<li data-story-nav="3"><a href="#">Industry Classifications</a></li>
<li data-story-nav="8"><a href="#">Average Wage by Subsector</a></li>
<li class="new-section" data-story-nav="9"><a href="#">Where is freight in the region?</a></li>
<li data-story-nav="10"><a href="#">Analysis Criteria</a></li>
<li data-story-nav="15"><a href="#">Freight Quotient</a></li>
<li data-story-nav="17"><a href="#">DVRPC Freight Centers</a></li>
<li class="new-section" data-story-nav="18"><a href="#">Classification of Freight Centers</a></li>
<li data-story-nav="19"><a href="#">Typologies Overview</a></li>
<li data-story-nav="20"><a href="#">Typology Profiles</a></li>
<li class="new-section" data-story-nav="25"><a href="#">Making Use of Freight Centers</a></li>
</ul>
</div>
<!--planning tab-->
<section id ='planning' class='landing-content'>
<div id="fc-splash">
<img style="display:none;" src="./lib/tools/freight-story/images/fc-hero-full.jpg"/>
<div class="fc-hero" ></div>
<div id="scroll-hint">scroll to begin<br>
<svg style="fill:#fff;margin-top:10px" x="0px" y="0px" width="28.4px" height="22.2px" viewBox="0 0 28.4 22.2" enable-background="new 0 0 28.4 22.2" xml:space="preserve">
<polygon points="14.2,22.2 0,11.2 0.9,10 14.2,20.3 27.5,10 28.4,11.2 "/>
<polygon points="14.2,12.2 0,1.2 0.9,0 14.2,10.3 27.5,0 28.4,1.2 "/>
</svg>
</div>
<div class="fc-splash-content">
<div class="col-md-10 center-block">
<div class="row">
<div class="col-sm-12">
<h1>Freight Centers of Greater Philadelphia</h1>
<p class="subtitle">Explore the freight economy and its impact on regional development and employment patterns</p>
</div>
</div>
<div id="fc-splash-intro" class="row hidden-xs" style="text-align:center;">
<div class="col-xs-4">
<a href="#" data-story-nav="1" class='circle-multiline'>
<div class="aligner">
<span style='font-size: 1.1em;transform: translateY(25%)'>identify<br>regional freight<br> employment</span>
</div>
</a>
<p class="fc-splash-number">1</p>
</div>
<div class="col-xs-4" >
<a href="#" data-story-nav="9" class='circle-multiline'>
<div class="aligner">
<span style='font-size: 1.1em;transform: translateY(25%)'>locate<br>distribution of <br>freight activity</span>
</div>
</a>
<p class="fc-splash-number">2</p>
</div>
<div class="col-xs-4">
<a href="#" data-story-nav="18" class='circle-multiline'>
<div class="aligner">
<span style='font-size: 1.1em;transform: translateY(25%)'>classify<br>centers by<br>typology</span>
</div>
</a>
<p class="fc-splash-number">3</p>
</div>
</div>
</div>
</div>
</div>
<div>
<div class='clearfix'></div>
<div class='story col-sm-12 fc-color-full' style="margin-bottom:100px;" data-legend="none">
<div class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class="col-sm-12">
<h2 style="color:#fff">Introduction to DVRPC Freight Centers</h2>
<div class="two-column">
<p>The production and distribution of goods is an integral part of the region’s economy, requiring dedicated expanses of land in order to meet the needs of businesses and consumers. This land is an essential resource for a prosperous economy and an important part and source of tax revenues for many communities. The goal of the DVRPC Freight Centers inventory is to identify and categorize these key locations to enhance planning necessary to concentrate growth, invest in appropriate transportation infrastructure, and minimize conflict with host communities.</p>
</div>
</div>
<div class='col-sm-6 col-lg-6'>
<h2 style="color:#fff">1. Defining Freight Employment</h2>
<p>Greater Philadelphia is home to over 430,000 business establishments employing over 3.1 million individuals. The story of freight centers starts with these employers. The role that each business plays in the regional economy influences the movement of goods and services and informs the patterns of freight-related development.</p>
<br/>
<br/>
<br/>
<br/>
</div>
<div class='col-sm-6 col-lg-6'>
</div>
</div>
</div>
</div>
<section id="employment-chart" class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class="row">
<div class='col-sm-5 col-lg-4' style="z-index:10;">
<div class="story card first" data-section="employment" data-mode="all" data-legend="none" >
<p>We can understand the role of businesses when they are grouped into industry subsectors based on the type of economic activity. <span style="font-weight:800">To illustrate this we can portray each of the region’s 97 industry subsectors as circles, scaled by it's regional employment.</span> </p>
<div class="visible-xs">
<h4>Employment by Industry Subsector</h4>
<img style="width:100%" src="./lib/tools/freight-story/images/fc-mobile-bubbles.png" alt="DVRPC freight employment by as bubbles" />
<p class="g-source">Source: 2013 NETS and 2016 Bureau of Labor Statistics</p>
</div>
<svg id="svg-story-legend" width="300" height="200" class="hidden-xs">
</svg>
<br/>
<br/>
<br/>
<br/>
<h4>What is freight employment?</h4>
<p>Not all of these industries rely on freight to an equal degree. The goal is to identify industries that are freight-intensive, meaning that the industry in question generates or attracts large amounts of freight trips or movements.</p>
</div>
<div class="story card" data-section="employment" data-mode="full" data-legend="size">
<h4>Freight-intensive Industries</h4>
<p>Identifying freight-intensive industries is done by associating each industry subsector with a segment of the economy’s product lifecycle. We can break this lifecycle and the related industry subsectors into four distinct groupings. Industry subsectors that are associated with Extraction, Production, or Distribution are considered freight-intensive.</p>
<br>
<br>
<div id="freight-intensive-box" class="row col-sm-12">
<h5>Freight-intensive</h5>
<div class="col-xs-4">
<div class='circle-multiline small extraction'>
<div class="aligner">
<span style='font-size: 1.1em'>Extraction</span>
</div>
</div>
</div>
<div class="col-xs-4">
<div class='circle-multiline small production'>
<div class="aligner">
<span style='font-size: 1.1em'>Production</span>
</div>
</div>
</div>
<div class="col-xs-4">
<div class='circle-multiline small distribution'>
<div class="aligner">
<span style='font-size: 1.1em'>Distribution</span>
</div>
</div>
</div>
</div>
<div class="row col-sm-12">
<br>
<!-- <h5>Other Sectors</h5> -->
<div class="col-sm-4">
<div class='circle-multiline small consumption'>
<div class="aligner">
<span style='font-size: 1.1em'>Consumption</span>
</div>
</div>
</div>
</div>
<div class='clearfix'></div>
</div>
<div class="story " data-section="employment" data-mode="extraction" data-legend="size,color">
<div class="card">
<h3>Industry Classifications</h3>
<h4>Extraction</h4>
<p>These industries are involved in the extraction of raw materials from the earth and/or the raising of animals and crops. These industries represent a small but important part of the regional economy.</p>
</div>
<div class="details">
<p>The region has approximately <b>12,600</b> employees working in extraction industries grouped in the following subsectors: <div id="js-E-list" class="industry-list"></div></p>
</div>
</div>
<div class="story " data-section="employment" data-mode="production" data-legend="size,color">
<div class="card">
<h4>Production</h4>
<p>These industries are the makers of finished goods and consumer products. They are responsible for the production of the goods. Their operations have a critical reliance on the freight transportation system to deliver the necessary inputs and get their outputs, or final products to market.</p>
</div>
<div class="details">
<p>The region has approximately <b>450,000</b> employees working in production industries grouped in the following subsectors: <div id="js-P-list" class="industry-list"></div></p>
</div>
</div>
<div class="story " data-section="employment" data-mode="distribution" data-legend="size,color">
<div class="card">
<h4>Distribution</h4>
<p>These industries serve as the vital link between the various components of the supply chain. Their business is the conveyance and storage of freight.</p>
</div>
<div class="details">
<p>The region has approximately <b>210,000</b> employees working in distribution industries grouped in the following subsectors: <div id="js-D-list" class="industry-list"></div></p>
</div>
</div>
<div class="story" data-section="employment" data-mode="consumption" data-legend="size,color">
<div class="card">
<h4>Consumption</h4>
<p>These industries are primarily consumers of finished goods. While they can be major attractors of freight, they are not considered core to the development of freight centers. These industries heavily rely on goods and services provided by the other three groups. These industries and their needs are addressed through urban freight planning in commercial corridors and towns and rely heavily on goods and services provided by the other three groups.</p>
</div>
<div class="details">
<p>The region has approximately <b>2.4 million</b> employees working in 51 consumption subsectors.</p>
</div>
</div>
<div class="story card extra-tall" data-section="employment" data-mode="full" data-action="reset-size" data-legend="size,color">
<p>Together Extraction, Production, and Distribution industry groupings represent the primary freight-intensive industries of the region. The total employment across these industries is approximately <b>675,000</b> or <b>22% of regional employment</b>.</p>
<div class="visible-xs">
<h4>Employment by Industry Subsector</h4>
<img style="width:100%" src="./lib/tools/freight-story/images/fc-mobile-sectors.png" alt="DVRPC freight employment by sector" />
<p class="g-source">Source: 2013 NETS and 2016 Bureau of Labor Statistics</p>
</div>
<p>While the share of employment in these freight-intensive industries is lower than consumption industries, average annual wage is often higher.</p>
</div>
</div>
</div>
<div id="js-wage-desc" class="story wage-chart pull-right col-sm-5 col-lg-4 no-mouse" data-section="employment" data-mode="wage" data-legend="wage">
<p>When charted by average annual wage we see that many freight-intensive industries have a higher average annual wage. Additionally, <b>these freight subsectors are often "family sustaining,"</b> having a average annual wage greater than the region’s living wage for a family of three.</p>
<div class="visible-xs">
<h4>Average Wage by Subsector</h4>
<img style="width:100%" src="./lib/tools/freight-story/images/fc-mobile-wages.png" alt="DVRPC freight employment by wage and sector" />
</div>
</div>
<!-- chart column for bubble diagram -->
<!-- <div id="chart" class="col-lg-8 col-sm-12"> -->
<div id="employment-bubble" class="hidden-xs" >
<div class="g-tip-up" style="width:250px;height:133px;display:none;">
<div class="g-tip-shadow"></div>
<svg class="g-tip-box" width="250" height="145">
<path transform="translate(125,152) scale(1.66667)" d="M0.5,-6.5l5,-5H74.5v-79H-74.5v79H-5Z"></path>
</svg>
<div class="g-tip-content">
<div class="g-tip-title"> </div>
<div class="g-tip-metric" data-name="establishments">
<span class="g-tip-metric-name">Establishments</span>
<span class="g-tip-metric-value"> </span>
</div>
<div class="g-tip-metric" data-name="employment">
<span class="g-tip-metric-name">Employees</span>
<span class="g-tip-metric-value"> </span>
</div>
<div class="g-tip-metric" data-name="wages">
<span class="g-tip-metric-name">Average Annual Wage</span>
<span class="g-tip-metric-value"> </span>
</div>
</div>
</div>
<div class="g-tip-down" style="width:250px;height:133px;display:none;">
<div class="g-tip-shadow"></div>
<svg class="g-tip-box" width="250" height="145">
<path transform="translate(125,-10) scale(1.66667) rotate(180)" d="M0.5,-6.5l5,-5H74.5v-79H-74.5v79H-5Z"></path>
</svg>
<div class="g-tip-content">
<div class="g-tip-title"> </div>
<div class="g-tip-metric" data-name="establishments">
<span class="g-tip-metric-name">Establishments</span>
<span class="g-tip-metric-value"> </span>
</div>
<div class="g-tip-metric" data-name="employment">
<span class="g-tip-metric-name">Employment</span>
<span class="g-tip-metric-value"> </span>
</div>
<div class="g-tip-metric" data-name="wages">
<span class="g-tip-metric-name">Average Wage</span>
<span class="g-tip-metric-value"> </span>
</div>
</div>
</div>
<div id="g-employment-bubble">
<div id="g-employment-title" class="chart-title b-title size-legend-header">
<h4>Employment by Industry Subsector</h4>
</div>
<div id="g-wage-title" class="chart-title w-title wage-legend-header" style="opacity:0">
<h4>Average Wage by Subsector</h4>
</div>
</div>
</div>
<!-- </div> -->
<div class='clearfix'></div>
</section>
<div class='clearfix'></div>
<section id="geographic-distribution" style="padding-top:60px;">
<div class="story" data-section="distribution" data-mode="none">
<div class='col-sm-12 fc-color-full mobile-top'>
<div class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class='col-sm-6'>
<h2 style="color:#fff;">2. Where is freight activity in the region?</h2>
<p>Understanding the geographic distribution of freight in Greater Philadelphia is key to identifying the region’s Freight Centers.</p>
<p>While freight employment is a key factor in identifying freight activity, understanding the regional freight economy’s distribution requires additional metrics to help identify key clusters of activity.</p>
<p>Let’s explore the spatial distribution of several key indicators that help us to predict the level of freight activity throughout the region.</p>
<br/>
<br/>
<br/>
</div>
</div>
</div>
<div class='clearfix'></div>
</div>
<div class='center-block col-sm-12' style='float:none;'>
<div id="map-parent" class="col-sm-offset-5 col-sm-7 col-lg-8 col-lg-offset-4">
<div id="distribution-map">
<span id="source-span"></span>
<div id="map-legend">
<div id="map-title"></div>
<img id="map-leg-image" alt="Map legend" src="./lib/tools/freight-story/images/blank.gif">
<ul id="map-values">
</ul>
</div>
<img class="map-logo" src="./lib/tools/freight-story/images/dvrpc-logo.svg" alt="DVRPC Logo" />
</div>
</div>
</div>
<div id="distribution-narrative" class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class="row">
<div class='col-lg-4 col-sm-5' style="z-index:10;">
<div class="story mobile-map" data-section="distribution" data-mode="establishment">
<div class="card">
<h3>Analysis Criteria</h3>
<h4>Freight-intensive Establishments</h4>
<p>The distribution of freight establishments in the region provides a starting point for cluster analysis. These highlight the locations where there are many establishments located in proximity to each other.</p>
</div>
<div class="details">
<p>The distribution of freight employment using establishments can give unnecessary weight to a location with many small businesses that have relatively little freight activity associated with them.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="employment">
<div class="card">
<h4>Freight-intensive Employment</h4>
<p>The distribution of freight employment using number of employees helps us to better understand the relative intensity of freight activity in each zone. More employees working in freight industries would indicate a higher probability for freight generating activities.</p>
</div>
<div class="details">
<p>Employment, measured as establishments or employees, is just one type of measure for understanding the freight economy in the built environment. These numbers may miss some key freight generators due to incomplete data or activity types. To fill these gaps we can look at the distribution of existing land uses, industrial buildings and intermodal freight facilities.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="landuse">
<div class="card">
<h4>Freight-related Land Uses</h4>
<p>Evaluating the percent of each analysis zone that is dedicated to freight-related land uses reveals additional locations in the region that may contribute to the freight economy though no single employer is reported at that location.</p>
</div>
<div class="details">
<p>Key freight-related land uses include industrial, mining, utility, and transportation. These land uses help us to identify locations of freight generators that may not have fixed employment or a business establishment assigned to that specific location.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="industrial">
<div class="card">
<h4>Industrial Development</h4>
<p>In addition to land use, the physical industrial structures both built and proposed in the region can be used to understand the potential for freight activity.</p>
</div>
<div class="details">
<p>Using commercial real estate data, the distribution of square footage of occupied and proposed industrial buildings throughout the region can be mapped.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="facilities">
<div class="card">
<h4>Intermodal Freight Facilities</h4>
<p>The final consideration in identifying freight generating activity was the inclusion and analysis of intermodal freight facilities. These freight facilities handle the transfer of goods from one mode to another and are significant components of the freight system.</p>
</div>
<div class="details">
<p>These facilities are not only responsible for the generation of freight trips but also serve to attract freight-related business development. Proximity to these locations was analyzed to understand their spatial distribution and potential impact on adjacent analysis zones.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="fq">
<div class="card">
<h3>Freight Quotient</h3>
<p>Aggregate scores were created for each analysis bin using the evaluation criteria results, weighted by level of impact. These provided a quantitative predictor for freight activity across the region. This predictive measure, the Freight Quotient (FQ), provided a foundation for more detailed localized analysis.</p>
</div>
</div>
<div class="story mobile-map" data-section="distribution" data-mode="fq-circles">
<div class="card">
<p>The FQ measures highlighted the hotspots in the region, shown as circles on the map, that required further analysis. Detailed evaluation was conducted at the parcel level to assess employment, development, and building characteristics. This allowed for the identification of clusters of parcels that met the necessary levels of activity to be potential freight centers, highlighted by the bold blue circles.</p>
</div>
</div>
<div class="story map-height mobile-map fc-mobile-map" data-section="distribution" data-mode="fc-preview" style="">
<div class="card">
<h3>DVRPC Freight Centers</h3>
<p>The final result of the FQ analysis and evaluation of the potential freight centers identified the final set of Freight Centers in the region.</p>
</div>
<div class="details">
<p>These geographies are the foundation of the final step in the identification process, the classification of centers.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class='clearfix'></div>
<!-- typology section -->
<section id="typologies" style="">
<div class="story" data-section="typologies" data-mode="blank">
<div class='col-sm-12 fc-color-full'>
<div class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class='col-sm-6 col-lg-6'>
<h2 style="color:#fff;">3. Classification of Freight Centers</h2>
<p>The core function of Freight Centers is to provide a better understanding of the land use and economic development patterns as they relate to freight activity in the region. The classification into specific typologies provides another layer of detail to that designation.</p>
<p>Creating Freight Center typologies can help planners, decision-makers, and other users to better understand transportation infrastructure requirements, land use/land development patterns, building types, employment characteristics, and potential community impacts that may exist at each freight center type.</p>
<br/>
<br/>
</div>
</div>
</div>
<div class='clearfix'></div>
</div>
<div class='center-block col-sm-12' style='float:none;'>
<div id="" class="col-sm-offset-5 col-sm-7 ">
<div id="typologies-map">
<img class="map-logo" src="./lib/tools/freight-story/images/dvrpc-logo.svg" alt="DVRPC Logo" />
</div>
</div>
</div>
<div id="typologies-narrative" class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class="row">
<div class="col-sm-12">
<div class="story mobile-map" data-section="typologies" data-mode="all">
<div class="card row">
<div class="col-sm-5">
<h3>Typologies Overview</h3>
<p>An analysis of each of the freight centers, grouping them by economic, transportation, and development activity resulted in classification into five typologies:</p>
<div id="typologies-squares">
<figure class="t-sq t-ig"><img src="./lib/tools/freight-story/images/IG_1.svg" alt="Image description" /><figcaption>International <br>Gateway</figcaption></figure>
<figure class="t-sq t-hi"><img src="./lib/tools/freight-story/images/HI_1.svg" alt="Image description" /><figcaption>Heavy <br>Industrial</figcaption></figure>
<figure class="t-sq t-dc"><img src="./lib/tools/freight-story/images/DC_1.svg" alt="Image description" /><figcaption>Distribution & <br>Logistics</figcaption></figure>
<figure class="t-sq t-ht"><img src="./lib/tools/freight-story/images/HT_2.svg" alt="Image description" /><figcaption>High Tech <br>Manufacturing</figcaption></figure>
<figure class="t-sq t-lm"><img src="./lib/tools/freight-story/images/LM_1.svg" alt="Image description" /><figcaption>Local Manufacturing &<br> Distribution</figcaption></figure>
</div>
</div>
<div class="col-sm-12">
</div>
</div>
</div>
</div>
<div class='col-sm-5' style="z-index:10;">
<div class="story mobile-map" data-section="typologies" data-mode="1">
<div class="card">
<h3>Typology Profiles</h3>
<h4>International Gateway</h4>
<p>An International Gateway Freight Center is a core node in the regional and national goods movement system and serves as a connection to global markets. These centers are focused around a single or multiple air or maritime or port facilities.</p>
</div>
<div class="details">
<div class="typology-row ig-icon">
<svg id="employment-icon" class="t-icon" viewBox="0 0 94.95 94.95"><g id="employment"><path d="M47.48,0A47.48,47.48,0,1,0,95,47.48,47.48,47.48,0,0,0,47.48,0Zm-18,24.5,2.89-.39c.28-5.31,4.11-9.86,8.11-12.11V23h3V11.51c0-1.22,1.44-3.51,2.67-3.51h3.44c1.22,0,1.89,2.29,1.89,3.51V23h2V12.1a13.56,13.56,0,0,1,8,12l3,.39v3.42c-11,3.62-23,3.62-35,0ZM79.75,66l-1.14,6.25C78.41,73.49,77.25,74,76,74H19.49a2.33,2.33,0,0,1-2.57-1.71l-1.14-6.48a2.46,2.46,0,0,1,1.73-2.71l12.24-3.84c8.31-2.64,9.49-8.2,9.65-10C37,47,36.2,43.35,35.93,41h0c-.33-.09-1.94.92-2.78-3.83-.49-2.77,0-3.79.51-4.17a59.54,59.54,0,0,0,14.14,1.71A59.46,59.46,0,0,0,61.9,33c.51.38,1,1.41.52,4.18C61.58,41.94,60,40.94,59.63,41h0c-.27,2.34-1.08,5.95-3.47,8.28.16,1.78,1.34,7.37,9.64,10L78,63.21A2.6,2.6,0,0,1,79.75,66Z"/></g></svg>
<p>
<span>Employment and Development</span><br/>
directly related to supporting trade and distribution of import/export goods through the related port terminal(s)
</p>
</div>
<div class="typology-row ig-icon">
<svg id="warehouse-icon" class="t-icon" viewBox="0 0 94.95 94.95"><g id="warehouse"><rect x="35" y="24" width="26" height="5"/><path d="M25,67H70V35H25ZM56,40h3v3h3V40h4V51H56Zm0,14h3v2h3V54h4V64H56ZM42,40h4v3h4V40h3V51H42Zm0,14h4v2h4V54h3V64H42ZM30,54h3v2h3V54h4V64H30Z"/><path d="M47.48,0A47.48,47.48,0,1,0,95,47.48,47.48,47.48,0,0,0,47.48,0ZM13,73V67h5V22l30-8.22L78,22V67h4v6Z"/></g></svg>
<p>
<span>Building Size and Distribution</span><br/>
often varied but commodity specific, related to import/export activity
</p>
</div>
</div>
<div class="card row">
<div class="col-xs-6 t-sq t-ig"><img class="fc-detail" src="./lib/tools/freight-story/images/IG_1.svg" alt="Image description" /></div>
<div class="col-xs-6 t-sq t-ig"><img class="fc-detail" src="./lib/tools/freight-story/images/IG_2.svg" alt="Image description" /></div>
</div>
</div>
<div class="story mobile-map" data-section="typologies" data-mode="2">
<div class="card">
<h4>Heavy Industrial</h4>
<p>A Heavy Manufacturing Freight Center is a node focused around heavy industrial land uses involved in the manufacturing of goods. These centers are served by freight rail access and often have additional access to a port terminal allowing for the movement of bulk or break-bulk source materials.</p>
</div>
<div class="details">
<div class="typology-row hi-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#employment"></use>
</svg>
<p>
<span>Employment and Development</span><br/>
focused around manufacturing and production sectors
</p>
</div>
<div class="typology-row hi-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#warehouse"></use>
</svg>
<p>
<span>Building Size and Distribution</span><br/>
highly dependent on manufacturing processes but often includes dedicated power plants, old industrial buildings, and tank farms
</p>
</div>
</div>
<div class="card row">
<div class="col-xs-6 t-sq t-hi"><img class="fc-detail" src="./lib/tools/freight-story/images/HI_1.svg" alt="Image description" /></div>
<div class="col-xs-6 t-sq t-hi"><img class="fc-detail" src="./lib/tools/freight-story/images/HI_2.svg" alt="Image description" /></div>
</div>
</div>
<div class="story mobile-map" data-section="typologies" data-mode="3">
<div class="card">
<h4>Distribution & Logistics</h4>
<p>A Distribution and Logistics Freight Center is a node with a high concentration of regional and national serving distribution and logistics businesses. These centers are often located around key highway interchanges with access to both port gateways and consumer markets.</p>
</div>
<div class="details">
<div class="typology-row dc-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#employment"></use>
</svg>
<p>
<span>Employment and Development</span><br/>
primarily third-party logistics providers, national retail chain warehousing and distribution, e-commerce fulfillment centers, as well as supporting services, such as truck service, tires, and leasing
</p>
</div>
<div class="typology-row dc-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#warehouse"></use>
</svg>
<p>
<span>Building Size and Distribution</span><br/>
a combination of large footprint and/or high ceiling modern warehouses as well as small footprint cross-dock facilities
</p>
</div>
</div>
<div class="card row">
<div class="col-xs-6 t-sq t-dc"><img class="fc-detail" src="./lib/tools/freight-story/images/DC_1.svg" alt="Image description" /></div>
<div class="col-xs-6 t-sq t-dc"><img class="fc-detail" src="./lib/tools/freight-story/images/DC_2.svg" alt="Image description" /></div>
</div>
</div>
<div class="story mobile-map" data-section="typologies" data-mode="4">
<div class="card">
<h4>High Tech Manufacturing</h4>
<p>A High Tech Manufacturing Freight Center is a node focused around advanced manufacturing land uses and businesses. These centers rely less on major freight rail and maritime facilities but are well located relative to highway facilities.</p>
</div>
<div class="details">
<div class="typology-row ht-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#employment"></use>
</svg>
<p>
<span>Employment and Development</span><br/>
primarily in bio-pharmaceuticals, electronic components, advanced chemical manufacturing, with a mix of research and development activity
</p>
</div>
<div class="typology-row ht-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#warehouse"></use>
</svg>
<p>
<span>Building Size and Distribution</span><br/>
often small footprint, flex buildings with an occasional mix of office facilities and residential development in close proximity
</p>
</div>
</div>
<div class="card row">
<div class="col-xs-6 t-sq t-ht"><img class="fc-detail" src="./lib/tools/freight-story/images/HT_1.svg" alt="Image description" /></div>
<div class="col-xs-6 t-sq t-ht"><img class="fc-detail" src="./lib/tools/freight-story/images/HT_2.svg" alt="Image description" /></div>
</div>
</div>
<div class="story mobile-map fc-manufacture" data-section="typologies" data-mode="5">
<div class="card">
<h4>Local Manufacturing and Distribution</h4>
<p>A Local Manufacturing and Distribution Center is a node focused around locally serving small manufacturing and distribution facilities. These are less dependent on prime location near interstate interchanges, but are well served by smaller highway facilities and proximity to consumer populations.</p>
</div>
<div class="details">
<div class="typology-row lm-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#employment"></use>
</svg>
<p>
<span>Employment and Development</span><br/>
primarily in local food and beverage distribution, building and contractor supply, and small scale manufacturing
</p>
</div>
<div class="typology-row lm-icon">
<svg class="t-icon" viewBox="0 0 94.95 94.95">
<use href="#warehouse"></use>
</svg>
<p>
<span>Building Size and Distribution</span><br/>
often comprised of densely developed, smaller footprint warehouses and industrial facilities
</p>
</div>
</div>
<div class="card row">
<div class="col-xs-6 t-sq t-lm"><img class="fc-detail" src="./lib/tools/freight-story/images/LM_1.svg" alt="Image description" /></div>
<div class="col-xs-6 t-sq t-lm"><img class="fc-detail" src="./lib/tools/freight-story/images/LM_2.svg" alt="Image description" /></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="story map-height fc-final-map" data-section="typologies" data-mode="all" >
<div class='col-sm-12 fc-color-full'>
<div class='center-block col-md-10 col-sm-12' style='float:none;'>
<div class='col-sm-5'>
<h2 style="color:#fff;">Making Use of Freight Centers</h2>
<p>The identified Freight Centers are intended as a planning tool to help DVRPC and regional partners better understand the priorities, challenges, and opportunities created by these important regional centers. The Freight Centers will be utilized in a variety of DVRPC activities and continually updated to provide a clear picture of the regional freight economy.</p>
<p>Highlights of these efforts include:</p>
<ul>
<li>Inclusion of Freight Centers in the Long-Range Plan</li>
<li>Utilization of Freight Centers in the TIP/Long-Range Plan Project Evaluation</li>
<li>Development of a Regional Freight Model</li>
<li>Creation of Freight Center Profiles with tracking of key data metrics and infrastructure requirements. (<em>web tool to launch in July 2018</em>)</li>
</ul>
</div>
</div>
</div>
<div class='clearfix'></div>
</div>
</section>
</section>
</section>
<footer class="content-footer col-xs-12 landingUI" >
<div class="center-block col-lg-10 col-md-12" style="float:none;">
<div class="col-xs-12 col-sm-6 col-md-4">
<a href="/"><img class="footer-logo" src="lib/images/dvrpclogotinywhite.png" alt="DVRPC"></a>
<p>190 N. Independence Mall West, 8th Floor,<br>Philadelphia, PA 19106-1520<br>215.592.1800<br>Contact: <a id="contact-info" href="mailto:[email protected]">Michael Ruane</a></p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4">
<div class="row">
<div class="col-xs-12 col-sm-6">
<h4>About</h4>
<ul class="footer-links">
<li><a href="../phillyfreightfinder/#planning">DVRPC Freight Planning</a></li>
<li><a href="../phillyfreightfinder/#data">Our Data</a></li>
<li><a href="../phillyfreightfinder/#open-freight-app">Open Freight App</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-6">
<h4>Tools</h4>
<ul class="footer-links">
<li><a href="../phillyfreightfinder/#region">County Profiles</a></li>
<li><a href="../phillyfreightfinder/#maritime-indicators">Maritime Indicators</a></li>
<li><a href="../phillyfreightfinder/#highway-performance">Highway Performance</a></li>
<li><a href="../phillyfreightfinder/#map">Network Explorer</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4">
<div class="row">
<div class="hidden-xs col-sm-6 col-md-12">
</div>
<div class="col-sm-6 col-md-12">
<p style="padding-top:58px;"><a href="../phillyfreightfinder/#disclaimer">Data Disclaimer</a> | <a href="../phillyfreightfinder/#license">License</a> | <a href="http://www.dvrpc.org/policies/" target="_blank">Policies <i class="glyphicon glyphicon-new-window"></i></a></p><p>© <script language="JavaScript" type="text/javascript">
now = new Date
theYear=now.getYear()
if (theYear < 1900)
theYear=theYear+1900
document.write(theYear)
</script> Delaware Valley Regional Planning Commission</p>
</div>
</div>
</div>
<!--<div class="col-xs-12 col-sm-6">
<div class="row">
<div class="col-xs-12 col-sm-3">
</div>
</div>
</div>-->
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js" defer></script>
<script src="lib/tools/freight-story/bootstrap.min.js" defer></script>
<script src="lib/tools/freight-story/freight-story.min.js" defer></script>
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.js' defer></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.43.0/mapbox-gl.css' rel='stylesheet'/>
</body>
</html>