-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (248 loc) · 17.1 KB
/
index.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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Matthew Bacinskas Mapping Portfolio</title>
<meta name=‘viewport’ content=‘initial-scale=1,maximum-scale=1,user-scalable=no’ />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css" />
<link href='https://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
<style>
body {
background: #f5f5f5;
font-family: Imprima, sans-serif;
}
header {
width: 100%;
min-width: 800px;
margin: 0 auto;
background: #666666;
padding: 15px 0 20px;
}
h1 {
font-family: Dosis, sans-serif;
color: #375671;
width: 80%;
margin: 0 auto;
color: whitesmoke;
text-align: center;
}
h2 {
font-family: Dosis, sans-serif;
color: #375671;
width: 80%;
margin: 0 auto;
color: whitesmoke;
text-align: center;
}
h3 {
font-family: Dosis, sans-serif;
color: #003d71;
}
p {
font-size: .9em;
color: #375671;
}
ul {
list-style-type: none;
font-size: .9em;
color: #375671;
line-height: 1.6em;
}
a, a:visited {
color: #003d71;
}
.project {
width: 80%;
min-width: 800px;
height: 100%;
margin: 35px auto;
}
.project:after {
content: "";
display: table;
clear: both;
}
.project-image {
width: 388px;
height: 240px;
background: white;
float: left;
margin-right: 20px;
border: 2px solid #dddddd;
}
#measles-image {
width: 388px;
height: 300px;
background: white;
float: left;
margin-right: 20px;
border: 2px solid #dddddd;
}
.project #map5Text {
overflow: hidden;
}
</style>
</head>
<body>
<header>
<h1>Matthew Bacinskas</h1>
<h2>Mapping Portfolio</h2>
</header>
<section class="project">
<a target = "_blank" href="maps/bus_stop_locations.pdf"><img src="images/oaklandBus.png" alt="Map of Oakland Bus Stops" class="project-image" /></a>
<h3><a target = '_blank' href="maps/bus_stop_locations.pdf">Bus Stops In Oakland, CA: Open Steet Map Data vs. AC Transit Data</a></h3>
<p>This map shows areas of Oakland, CA within one-half mile of a bus stop. The impetus for this map was to see what gaps existed between Open Street Map and a potenitally more detailed data set like the one from the AC Transit Agency. QGIS along with the QuickOSM plugin, SpatialLite Database, and the buffer geoprocessing tool were used to create this map.</p>
<ul>
<li>
See the map: <a target = '_blank' href="maps/bus_stop_locations.pdf">Bus Stops In Oakland, CA: Open Steet Map Data vs. AC Transit Data</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.actransit.org/planning-focus/data-resource-center/">AC Transit Data Resource Center</a> and Open Street Map using a key/value pair of highway/bus_stop
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/hcv"><img src="images/richHCV.PNG" alt="Map of Housing Choice Voucher Units In Richmond, CA" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/hcv">Housing Choice Voucher Units By Census Tract In Richmond, California</a></h3>
<p>This map shows the percentage of renter occupied units in Richmond, California that are Housing Choice Voucher (HCV) units. HCV data was downloaded from the United States Department of Housing and Urban Development's eGIS website. Median household income data was downloaded from the United States Census Bureau's American Fact Finder website and gathered from the American Community Survey 2010-2014 5-year estimates. Median household income data, expressed in 2014 inflation adjusted dollars, were included to give a better idea about what kind of census tracts HCV units are in and can also serve as a possible guide as to how exclusionary a census tract may be. CARTO.js was used to create this web map.</p>
<ul>
<li>See the map: <a target = '_blank' href="https://bazini627.github.io/hcv">Housing Choice Voucher Units By Census Tract In Richmond, California</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.census.gov/programs-surveys/acs/">American Community Survey</a> for 2014 median household income data and HUD's <a href="https://egis-hud.opendata.arcgis.com/datasets?q=Housing%20Choice%20Vouchers%20by%20Tract&sort_by=relevance" target="_blank">eGIS</a> website for housing choice voucher data.
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/usPowerGeneration/"><img src="images/powerGeneration.png" alt="Map of Power Generation In The US" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/usPowerGeneration/">US Electrical Power Generation: Hydropower, Nuclear, and Coal Sources</a></h3>
<p>This map shows the geographic distribution of electrical power generation plants in the United States that use Hydropwer, Nuclear, or Coal as fuel sources. Leaflet was used to create this multivariate map.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/usPowerGeneration/">Electrical Power Generation: Hydropower, Nuclear, and Coal Sources</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.eia.gov/electricity/data/eia923/">US Energy Information Administration</a>
</li>
</ul>
</section>
<section class="project">
<a target = "_blank" href="maps/na_hi_breweries.pdf"><img src="images/naBrewers.png" alt="Map of North American Brewers" class="project-image" /></a>
<h3><a target = '_blank' href="maps/na_hi_breweries.pdf">Breweries of North America and Hawaii</a></h3>
<p>This hexbin map shows the density of breweries in North America and Hawaii. QGIS was used to run a point in polygon analysis to determine the densities of these brewery locations.</p>
<ul>
<li>
See the map: <a target = '_blank' href="maps/na_hi_breweries.pdf">Breweries of North America and Hawaii</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.poi-factory.com/node/21733/">POI Factory</a>
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/richmondParcels/"><img src="images/richmondParcels.png" alt="Map of Richmond LRPMP Parcels" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/richmondParcels/">Richmond Long Range Property Management Plan Parcels: Parcels Of Land Now Owned By The City of Richmond And Their Potential For Transit Oriented Development</a></h3>
<p>This map shows parcels of land that are now owned by the City of Richmond that were formerly owned by the Successor Agency to the Redevelopment Agency and their proximity to AC transit bus stop locations. The map was created using QGIS and CARTO, Leaflet was then used for a more controlled way of displaying the map. All the information for the parcels was obtained from Richmond's Long Range Property Management Plan document. Parcel polygon data was downloaded from the Contra Costa County Mapping Information Center. Bus stop location data was downloaded from the AC Transit Data Resource Center. Parcel Locations layer will dissolve as you zoom in and the bus stop locations will become visible. All bus stop locations on this map are within 400 meters (1/4 mile) of the parcels. Geoprocessing was done in QGIS (using Buffer and Clip tools) to gather all bus stop locations within 400m of parcels and the newly created bus stop layer was then uploaded to CARTO.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/richmondParcels/">Richmond Long Range Property Management Plan Parcels: Parcels Of Land Now Owned By The City of Richmond And Their Potential For Transit Oriented Development</a>
</li>
<li>
<div id='map5Text'>Data Sources: <a target = '_blank' href="http://www.ci.richmond.ca.us/documentcenter/view/36959">Richmond Long Range Property Managment Plan</a> for parcel locations, <a target = '_blank' href="http://www.ccmap.us/information.asp">Contra Costa Mapping Information Center</a> for parcel polygons, and <a target = '_blank' href="http://www.actransit.org/planning-focus/data-resource-center/">AC Transit Data Center</a> for bus stop locations.</div>
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/ccsdPoverty"><img src="images/ccsdPoverty.png" alt="Map of Poverty In Contra Costa School Districts" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/ccsdPoverty">Child Poverty In Contra Costa County School Districts 2010 - 2015</a></h3>
<p>This map shows the poverty rate for children aged 5 -17 in Contra Costa County School Districts. CARTO.js was used to created the particular time series map.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/ccsdPoverty">Child Poverty In Contra Costa County School Districts 2010 - 2015</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.census.gov/did/www/saipe/data/schools/data/index.html">Small Area Income & Poverty Estimates (SAIPE) for Contra Costa School Districts 2010-2015</a> for poverty data and <a target = '_blank' href="http://www.census.gov/cgi-bin/geo/shapefiles/index.php?year=2016&layergroup=School+Districts">Tiger Line Shapefiles</a> for shool district boundary data.
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/bestBayArea"><img src="images/bestBayArea.png" alt="Map of Economic Security In The Bay Area" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/bestBayArea">Economic Security In The Bay Area</a></h3>
<p>This map shows what it takes for a particular family type to live in one of the nine Bay Area Counties. Economic data for the Bay area counties comes from the Basic Economic Security Tables Index. Map was created using CARTO.js</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/bestBayArea">Economic Security In The Bay Area</a>
</li>
<li>
Data Sources: <a target = '_blank' href="https://data.sfgov.org/Geographic-Locations-and-Boundaries/Bay-Area-Counties/s9wg-vcph">SF OpenData</a> for county boundaries and <a target = '_blank' href="http://www.basiceconomicsecurity.org/best/">Basic Economic Security Tables Index</a> for economic data.
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/cccRentBurden"><img src="images/cccBurden.png" alt="Map Rent Burden In Contra Costa County" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/cccRentBurden">Rent Burden In Contra Costa County Census Tracts 2010 - 2014</a></h3>
<p>This map shows the percentage of extremely rent burdened (>50% monthly income going to rent) households in Contra Costa County census tracts for 2010 - 2014. CARTO.js and SimpleStatistics.js were used to create this map.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/cccRentBurden">Rent Burden In Contra Costa County Census Tracts 2010 - 2014</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://opendata.mtc.ca.gov/datasets/3460768c6ef54d4a9aa2bb78545082be_0" target = "_blank">Metropolitan Transportation Commission</a> for rent burden data.
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/eocMap2016"><img src="images/eoc.png" alt="Map of EOC Subcontractors 2016" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/eocMap2016">EOC Subcontractors 2016</a></h3>
<p>This map was created during my time on the Contra Costa Economic Opportunity Council as a means to identify how our subcontractors were distributed throughout the county and to determine if there may be areas of the county that had a disproportionate number of subcontractors.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/eocMap2016">EOC Subcontractors 2016</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://www.ccmap.us/information.asp">Contra Costa Mapping Information Center</a> for city boundaries.
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/richGeoTracker"><img src="images/geotracker.png" alt="Map of Current and Former Cleanup Site In Richmond CA" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/richGeoTracker">Current and Former Cleanup Sites In Richmond, CA</a></h3>
<p>This map was created using individual site cleanup data from the State of California's GeoTracker website. CARTO.js was used to create an interactive web map where users could choose a particular site type they were interested in knowing more information about.</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/richGeoTracker">Current and Former Cleanup Sites In Richmond, CA</a>
</li>
<li>
Data Sources: <a target = '_blank' href="http://geotracker.waterboards.ca.gov/">GeoTracker</a> for site locations.
</li>
</ul>
</section>
<section class="project">
<a target = "_blank" href="maps/measlesBubble2019.pdf"><img src="images/measlesMap.png" alt="Map of Measles Cases In California 2019" class="project-image" id= 'measles-image' /></a>
<h3><a target = '_blank' href="maps/measlesBubble2019.pdf">Measles Cases In California 2019</a></h3>
<p>This map shows Measles cases reported in California for 2019 using proportional symbols to represent cases in a particular county. R was used to create this map, along with the <a target = '_blank' href="https://www.rdocumentation.org/packages/sf/versions/0.7-7">sf</a>, <a target = '_blank' href="https://www.rdocumentation.org/packages/tmap/versions/2.2">tmap</a>, and <a target = '_blank' href="https://www.rdocumentation.org/packages/dplyr/versions/0.7.8">dplyr</a> packages from the CRAN repository.</p>
<ul>
<li>
See the map: <a target = '_blank' href="maps/measlesBubble2019.pdf">Measles Cases In California 2019</a>
</li>
<li>
Data Sources: <a target = '_blank' href="https://www.cdph.ca.gov/Programs/CID/DCDC/Pages/Immunization/measles.aspx">CDPH Immunization Branch</a>
</li>
</ul>
</section>
<section class="project">
<a target = '_blank' href="https://bazini627.github.io/wnvSlevMap"><img src="images/wnvSlevMap.PNG" alt="Map West Nile Virus and St. Louis Encephalitis In California" class="project-image" /></a>
<h3><a target = '_blank' href="https://bazini627.github.io/wnvSlevMap">West Nile Virus and St. Louis Encephalitis In California 2003 - 2018</a></h3>
<p>This map was created for my Master's project in the <a target = '_blank' href="https://newmapsplus.as.uky.edu/">New Maps Plus</a> graduate program at the University of Kentucky. My intention with this map and project was to further investigate occurences of West Nile Virus and St. Louis Encepahlitis in California from 2003 - 2018. An interactive web map was created along with a spatial analysis using <a target = '_blank' href="https://www.postgresql.org/">PostgreSQL</a> and <a target = '_blank' href="https://postgis.net/">PostGIS</a>. Data cleanup was performed using <a target = '_blank' href="http://geopandas.org/">Geopandas</a> within <a target = '_blank' href="https://jupyter.org/">Jupyter notebooks</a> and the interactive map was created using <a target = '_blank' href="https://docs.mapbox.com/mapbox-gl-js/api/">MapboxGL</a> and <a target = '_blank' href="https://labs.mapbox.com/assembly/">Assembly CSS </a>.
</p>
<ul>
<li>
See the map: <a target = '_blank' href="https://bazini627.github.io/wnvSlevMap">West Nile Virus and St. Louis Encephalitis In California 2003 - 2018</a>
</li>
<li>
Data Sources: <a target = '_blank' href="https://legacy-maps.calsurv.org/">CalSurv</a> for point collection locations.
</li>
</ul>
</section>
</body>
</html>