-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
877 lines (814 loc) · 53.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
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
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
<!DOCTYPE HTML>
<!--
Miniport by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>Political Violence and Economic Indicators</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Poppins:300,400,500,700" rel="stylesheet">
<!-- Helper CSS Files -->
<link href="assets/helper/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/helper/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/helper/glightbox/css/glightbox.min.css" rel="stylesheet">
<!-- Main CSS stylesheet -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex align-items-center header-transparent">
<div class="container d-flex justify-content-between align-items-center">
<div id="logo">
<a href="index.html"><img src="assets/img/logo.png"></a>
</div>
<!-- ======= Navbar ======= -->
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto" href="#top">Home</a></li>
<li><a class="nav-link scrollto" href="#overview">Overview</a></li>
<li><a class="nav-link scrollto" href="#methods">Methods</a></li>
<li><a class="nav-link scrollto" href="#plots">Plots</a></li>
<li><a class="nav-link scrollto" href="#conclusions">Conclusions</a></li>
<li><a class="nav-link scrollto" href="#team">Team</a></li>
</ul>
</nav><!-- End Navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Top Section ======= -->
<section id="top">
<div class="top-container">
<div class="container">
<h1>"When governance forsakes justice, unrest becomes the currency of the oppressed"</h1>
<h3>-DataBAEs, 2024</h3>
</div>
<a href="#overview" class="btn-get-started">Know More</a>
</div>
</section><!-- End Top Section -->
<!-- Overview -->
<section id="overview">
<div class="container">
<div class="title-container">
<h1 class="title">Overview</h1>
<p>
Welcome to our project, <strong style="color: #490C0C;">Analyzing Economic Indicators and Political Violence in the Philippines</strong>, part of the dynamic initiative "PiNut 2023: Pilipinas in a Nutshell."
Through the application of Data Science concepts to real-world data, we are committed to extracting actionable insights and addressing significant challenges.
Aligned with <a href="https://sdgs.un.org/goals/goal16">Sustainable Development Goal (SDG) 16: Peace, Justice, and Strong Institutions</a>, our work aims to foster societal betterment within the Philippines.
</p>
</div>
<div class="row justify-content-center msp-container">
<div class="about-box col-4">
<h4 class="title">Motivation</h4>
<p class="description">
The Philippines has long been riddled by persistent social issues such as poverty, unemployment, crime, and political violence, among others.
Different administrations have attempted to resolve these issues through varying strategies and efforts.
Economic indicators serve as crucial metrics for assessing the performance of government leaders in addressing the financial concerns and state of the country.
Moreover, we believe that strengthening financial institutions would enhance the delivery of essential services to citizens, thereby alleviating hardships in areas such as healthcare, employment, and education.
Consequently, this could mitigate the necessity for protests to advocate for these rights, leading to increased citizen satisfaction.
</p>
</div>
<div class="about-box col-4">
<h4 class="title">Problem</h4>
<p class="description">
Political violence in the Philippines is a multifaceted issue fueled by various social, economic, and political factors.
Stemming from deep-seated social inequalities, dissatisfaction with government performance, and economic instability,
it manifests as a means for marginalized communities to voice grievances and demand change. Economic hardship exacerbates
tensions, while inadequate government services compound citizen dissatisfaction, creating unrest. Addressing these root causes
necessitates comprehensive strategies that prioritize social justice, economic development, and good governance.
</p>
</div>
<div class="about-box col-4">
<h4 class="title">Solution</h4>
<p class="description">
Our project employs advanced data science techniques to explore the relationship between economic indicators and political violence in the Philippines.
Through analysis of comprehensive datasets on political violence and economic metrics, we aim to uncover key drivers and develop predictive models to
anticipate outbreaks based on economic shifts. These insights will equip policymakers with targeted strategies to foster stability and inclusive development,
mitigating the underlying causes of political violence.
</p>
</div>
</div>
<!-- Background Study -->
<article id="background" class="wrapper style2">
<header>
<h2>Background Study</h2>
</header>
<span>
<p>Our project employs advanced data science techniques to explore the relationship between economic indicators and political violence in the Philippines.
Through analysis of comprehensive datasets on political violence and economic metrics, we aim to uncover key drivers and develop predictive models to
anticipate outbreaks based on economic shifts. These insights will equip policymakers with targeted strategies to foster stability and inclusive development,
mitigating the underlying causes of political violence.</p>
</span>
<footer>
<p>For more information, refer to "<a href="https://carnegieendowment.org/2022/12/08/economic-anger-dominated-global-protests-in-2022-pub-88587">Economic Anger Dominated Global Protests in 2022</a>."</p>
</footer>
</article>
<!-- Objectives -->
<article id="objectives" class="wrapper style2">
<header>
<h2>Objectives</h2>
</header>
<ol>
<li>
<p>To identify and analyze the correlation between various economic indicators (such as the PHP exchange rate, external debt, foreign investment, GDP, GNI, etc.) and the occurrence of political violence in the Philippines.</p>
</li>
<li>
<p>To understand the underlying factors contributing to the relationship between economic conditions and political violence, including socio-economic disparities, inequality, and grievances.</p>
</li>
<li>
<p>To promote peace and stability in the community by providing actionable insights to mitigate the occurrence of political violence and contribute to Sustainable Development Goal 16 (Peace, Justice, and Strong Institutions).</p>
</li>
<li>
<p>To assist the government in addressing the issue of reducing political violence by offering evidence-based recommendations and policy measures informed by data-driven analysis.</p>
</li>
</ol>
</article>
<!-- Research Hypothesis -->
<article id="hypothesis" class="wrapper style2">
<header>
<h2>Research Hypothesis</h2>
</header>
<span>
<h3>Null Hypothesis (H0)</h3>
<p>None of the Philippines' economic indicators are correlated with the number of recorded political violence in the country.</p>
<h3>Alternative Hypothesis (H1)</h3>
<p>At least one Philippine economic indicator is correlated with the number of recorded political violence in the country.</p>
</span>
</article>
</div>
</section>
<!-- Methods -->
<section id="methods">
<div class="container">
<header>
<h1>Methods</h1>
<p>After formulating our research questions and hypotheses, we have done the following methodology phases to come up with the analysis and potential workarounds for the data obtained regarding the economic factors and amount of political violence incidents.</p>
</header>
<div class="row justify-content-center msp-container">
<div class="about-box col-4">
<header>
<h3 style="text-align: center;">Data Collection</h3>
<h4>We looked at publicly available and credible databanks.</h4>
<p>Specifically, we looked at ACLED by using their <a href="https://acleddata.com/data-export-tool/" target="_blank">data export tool</a>,
and we looked at World Bank's data catalog labeled as <a href="https://datacatalog.worldbank.org/search/dataset/0037798/Global-Economic-Monitor" target="_blank">Global Economic Monitor.</a></p>
</header>
<p>The dataset includes political violence in the Philippines from 2016 up to the present, which
amounts. Each data point records pertinent information on
the nature of the political violence: date, time, location, fatalities, and many more.
</p>
<footer>
<a href="https://docs.google.com/spreadsheets/d/1rBqIcvlR24GaPRls6MEQ8wJtsadiVIxgc5bVuSwaH-I/edit?usp=sharing" target="_blank">View our dataset</a>
</footer>
</div>
<div class="about-box col-4">
<header>
<h3 style="text-align: center;">Exploratory Data Analysis</h3>
<h4>We utilized time-series spearman cross-correlation to obtain insights from our <a href="https://docs.google.com/spreadsheets/d/1rBqIcvlR24GaPRls6MEQ8wJtsadiVIxgc5bVuSwaH-I/edit?usp=sharing" target="_blank">data</a>.</h4>
<p>We utilized the time-series spearman cross-correlation data analysis technique <a href="https://www.kaggle.com/code/dedecu/cross-correlation-time-lag-with-pandas" target="_blank">from Kaggle by André Araújo</a> to analyze the correlations between various economic indicators as provided by World Bank and amount of political violence incidents recorded by ACLED.</p>
</header>
<p>Further details regarding our Exploratory Data Analysis methodology will be discussed in the dedicated <a href="#eda">Exploratory Data Analysis</a> section of the website. For the meantime, we used Google Colab to perform the rest of the methodology phases.
</p>
<footer>
<a href="https://colab.research.google.com/drive/1A6t3qL0R7dj0_yRY4sdpKQr91h_Iz6QW?usp=sharing" target="_blank">View our Google Colab</a>
</footer>
</div>
<div class="about-box col-4">
<header>
<h3 style="text-align: center;">Machine Learning Application</h3>
<h4>We utilized Machine Learning to predict the amount of political violence incidents.</h4>
<p>The use of the Random Forest Regression machine learning algorithm helps us in identifying the features of the dataset that are important in predicting the amount of political violence incidents given the values from economic factors and previous readings of amount of political violence incidents.</p>
</header>
<p>Further details regarding our Machine Learning Application methodology will be discussed in the dedicated Machine Learning Application section of the website. For the meantime, we also used Google Colab to perform the rest of the methodology phases.
</p>
<footer>
<a href="https://colab.research.google.com/drive/1A6t3qL0R7dj0_yRY4sdpKQr91h_Iz6QW?usp=sharing" target="_blank">View our Google Colab</a>
</footer>
</div>
</div>
<!-- Background Study -->
<article id="eda" class="wrapper style2">
<header>
<h2>Exploratory Data Analysis</h2>
</header>
<span>
<p>We have done the following steps to perform Exploratory Data Analysis in our dataset and learn about the relationships between the dataset features using time-series spearman cross-correlation with time-lag:</p>
<ol>
<li><p>
<strong>
Import data sets with <code>Philippines</code> column filter for economic indicators:
</strong>
Since the dataset used includes other countries that are not part of the scope of our research, we filtered out entries of countries other than <code>Philippines</code>.
</p></li>
<li><p>
<strong>
Rename columns for the economic indicators using the name of the economic indicators themselves:
</strong>
Each economic indicator datasets has country names as column names, with file name as the economic indicator itself. Since we obtained the <code>Philippines</code> column for each economic indicator dataset, we replaced the said column with the name of the economic indicator since the country column name is of no use anymore.
</p></li>
<li><p>
<strong>
Create inferred column <code>date</code> in the ACLED dataset before merging:
</strong>
Prior to joining the economic indicator datasets with the ACLED dataset, we created an inferred column named <code>date</code> in the ACLED dataset that conforms to the format in the economic indicator datasets. This would prove useful upon merging the datasets as we used the <code>date</code> column as the key for merging.
</p></li>
<li><p>
<strong>
Preprocess imported GDP economic indicator dataframes using monthly frequency before merging:
</strong>
The GDP economic indicator dataset has quarterly frequency which makes the date formats in quarterly format, non-conformant to other economic indicator datasets that use monthly frequency for date. Hence, we preprocessed the GDP economic indicator dataset in which for each quarter, we duplicated the GDP value entries and then transformed the date entries of these duplicate entries into months of the corresponding quarter.
</p></li>
<li><p>
<strong>
Create aggregated economic indicator dataframe for merging:
</strong>
We aggregated the economic indicator datasets into one large economic indicator dataset.
</p></li>
<li><p>
<strong>
Join economic indicator dataframes into the ACLED dataframe as the main dataframe:
</strong>
We performed dataset merge on the date values of the aggregated economic indicator dataset and the ACLED dataset.
</p></li>
<li><p>
<strong>
Set <code>Date</code> format to <code>Timestamp</code> for date ordinality:
</strong>
For plotting ordinality purposes, we set the format of the <code>Date</code> column of the aggregated dataset to <code>Timestamp</code>.
</p></li>
<li><p>
<strong>
Line plot of the number of recorded political violence incidents over time:
</strong>
With the properly-formatted aggregated dataset on hand, we inspect the number of recorded political violence incidents over time using a line plot. Refer to the <a href="#plots">Plots</a> section for the generated line plot.
</p></li>
<li><p>
<strong>
Line plot of the economic indicators over time:
</strong>
In addition, we inspect the trend of economic indicators over time using a line plot. Refer to the <a href="#plots">Plots</a> section for the generated line plots.
</p></li>
<li><p>
<strong>
Create a new dataframe from the main dataframe with time lags:
</strong>
To utilize time-series spearman cross-correlation with time-lag for analysis, we have to create a new dataset that introduces shifted values for each feature as time lags.
</p></li>
<li><p>
<strong>
Compute the correlation matrix using spearman cross-correlation and obtain relevant data:
</strong>
Using the <code>corr()</code> function from <code>pandas</code>, we compute the spearman cross-correlation matrix for the aggregated dataset with time-lag. Note that we used the spearman correlation method since we are working with economic data that display various patterns that suggest non-linear yet monotonic relationships.
</p></li>
<li><p>
<strong>
Obtain correlation submatrices for each economic indicator to the amount of political violence incidents:
</strong>
We truncated the resulting spearman cross-correlation matrix so that we can conveniently analyze relevant correlations (i.e., cross-correlations across each economic indicator and amount of political violence incidents). Hence, cross-correlations across economic indicators only are removed.
</p></li>
<li><p>
<strong>
Generate heatmaps for the correlation matrices of the relevant data and store to local storage:
</strong>
We used the heatmap display from <code>seaborn</code> to properly display the resulting correlation matrices.
</p></li>
<li><p>
<strong>
Find the maxima of the positive and negative time-lag cross-correlations for each economic indicator:
</strong>
To help us in answering our research questions, we found the maxima of the positive and negative time-lag cross-correlations for each economic indicator as follows:
<ul>
<li><code>
Minimum: ('CPI Price, nominal, seas. adj._10', 'Amount of Political Violence Incidents_6', -0.8396089332701939)
<br />
Maximum: ('CPI Price, nominal, seas. adj._12', 'Amount of Political Violence Incidents_12', -0.5984041476267742)
</li></code>
<li><code>
Minimum: ('Exchange rate, new LCU per USD extended backward, period average_1', 'Amount of Political Violence Incidents_7', -0.4209982755490279)
<br />
Maximum: ('Exchange rate, new LCU per USD extended backward, period average_12', 'Amount of Political Violence Incidents_12', -0.1043715988327789)
</li></code>
<li><code>
Minimum: ('Exports Merchandise, Customs, Price, US$, seas. adj._1', 'Amount of Political Violence Incidents_9', -0.6242076932651255)
<br />
Maximum: ('Exports Merchandise, Customs, Price, US$, seas. adj._12', 'Amount of Political Violence Incidents_6', 0.004161519626459359)
</li></code>
<li><code>
Minimum: ('Foreign Reserves, Months Import Cover, Goods_1', 'Amount of Political Violence Incidents_12', 0.015309454543574089)
<br />
Maximum: ('Foreign Reserves, Months Import Cover, Goods_1', 'Amount of Political Violence Incidents_8', 0.18926595234408655)
</li></code>
<li><code>
Minimum: ('GDP at market prices, current LCU, millions, seas. adj._1', 'Amount of Political Violence Incidents_6', -0.8052479175314142)
<br />
Maximum: ('GDP at market prices, current LCU, millions, seas. adj._12', 'Amount of Political Violence Incidents_12', -0.5035231317052827)
</li></code>
<li><code>
Minimum: ('Imports Merchandise, Customs, Price, US$, seas. adj._1', 'Amount of Political Violence Incidents_6', -0.7586318649460851)
<br />
Maximum: ('Imports Merchandise, Customs, Price, US$, seas. adj._12', 'Amount of Political Violence Incidents_9', -0.42842388913564083)
</li></code>
<li><code>
Minimum: ('Industrial Production, constant 2010 US$, seas. adj._1', 'Amount of Political Violence Incidents_10', -0.18736170576553524)
<br />
Maximum: ('Industrial Production, constant 2010 US$, seas. adj._8', 'Amount of Political Violence Incidents_12', 0.1545534641178347)
</li></code>
<li><code>
Minimum: ('Nominal Effective Exchange Rate_1', 'Amount of Political Violence Incidents_12', -0.24020250670450272)
<br />
Maximum: ('Nominal Effective Exchange Rate_11', 'Amount of Political Violence Incidents_6', 0.2887142837685211)
</li></code>
<li><code>
Minimum: ('Official exchange rate, LCU per USD, period average_1', 'Amount of Political Violence Incidents_7', -0.4209982755490279)
<br />
Maximum: ('Official exchange rate, LCU per USD, period average_12', 'Amount of Political Violence Incidents_12', -0.1043715988327789)
</li></code>
<li><code>
Minimum: ('Real Effective Exchange Rate_1', 'Amount of Political Violence Incidents_8', -0.6283483810541748)
<br />
Maximum: ('Real Effective Exchange Rate_12', 'Amount of Political Violence Incidents_6', -0.48128835134913067)
</li></code>
<li><code>
Minimum: ('Stock Markets, LCU_8', 'Amount of Political Violence Incidents_12', 0.3397139612377343)
<br />
Maximum: ('Stock Markets, LCU_6', 'Amount of Political Violence Incidents_3', 0.5833822744478891)
</li></code>
<li><code>
Minimum: ('Terms of Trade_1', 'Amount of Political Violence Incidents_12', 0.3070294908232785)
<br />
Maximum: ('Terms of Trade_1', 'Amount of Political Violence Incidents_6', 0.6561126770679805)
</li></code>
<li><code>
Minimum: ('Total Reserves_2', 'Amount of Political Violence Incidents_4', -0.685344567972088)
<br />
Maximum: ('Total Reserves_1', 'Amount of Political Violence Incidents_12', -0.4131325160627711)
</li></code>
<li><code>
Minimum: ('Unemployment Rate, seas. adj._12', 'Amount of Political Violence Incidents_1', -0.29727448372735177)
<br />
Maximum: ('Unemployment Rate, seas. adj._1', 'Amount of Political Violence Incidents_7', 0.2656597667189325)
</li></code>
</ul>
</p></li>
<li><p>
<strong>
Find the maxima of the positive and negative time-lag cross-correlations for all economic indicators:
</strong>
Using the results from the previous step, we found the maxima of the positive and negative time-lag cross-correlations for all economic indicators, which are as follows:
<ul>
<li><code>Absolute negative maximum: ('CPI Price, nominal, seas. adj._10', 'Amount of Political Violence Incidents_6', -0.8396089332701939)</code></li>
<li><code>Absolute positive maximum: ('Terms of Trade_1', 'Amount of Political Violence Incidents_6', 0.6561126770679805)</code></li>
</ul>
</p></li>
<li><p>
<strong>
Line plot the notable results with highest maximum correlation:
</strong>
We line plot the economic factors that have the highest maximum correlation, positive or negative, with respect to the amount of political violence incidents.
</p></li>
</ol>
</span>
<footer>
<p>Upon completion of the Exploratory Data Analysis, we came up with the following plots in the <a href="#plots">Plots</a> section of our website.</p>
</footer>
</article>
</div>
</section> <!-- End Methods Section -->
<!-- Plots -->
<section id="plots">
<div class="container">
<div class="section-header">
<h3 class="section-title">Plots</h3>
<p class="section-description">Exploratory Data Analysis</p>
</div>
<div class="row">
<div class="col-12 d-flex justify-content-center">
<ul id="plots-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-nutshell">Nutshell Plot</li>
<li data-filter=".filter-max">Plots With Highest Positive and Negative Correlations</li>
<li data-filter=".filter-corr">Correlation Matrices</li>
<li data-filter=".filter-line">Line Plots</li>
</ul>
</div>
</div>
<div class="row plots-container">
<div class="col-12 plots-item filter-nutshell">
<img src="assets\img\plots\Nutshell.png" class="img-fluid" >
<div class="plots-info">
<h4>Nutshell</h4>
<p>This graph represents the relationship between the reported political violence incidents and the Consumer Price Index (CPI) economic factor. It is shown in the graph that as the CPI trend increases, the number of reported political violence incidents decreases, which shows that there is an inverse relationship between the two variables.</p>
<a href="assets\img\plots\Nutshell.png" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-max">
<img src="assets/img/plots/Normalized CPI Price, nominal, seas. adj. from past 10 months and Amount of Political Violence Incidents from past 6 months vs. time line graph.svg" class="img-fluid" >
<div class="plots-info">
<h4>Normalized time series graph between Normalized CPI Price, nominal, seas. adj. and Amount of Political Violence Incidents</h4>
<p>The normalized time series plot between CPI price and number of recorded political violence incidents with time-lag. This graph shows the correlation of the economic factor with highest negative correlation to the number of recorded political violence incidents.</p>
<a href="assets/img/plots/Normalized CPI Price, nominal, seas. adj. from past 10 months and Amount of Political Violence Incidents from past 6 months vs. time line graph.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-max">
<img src="assets/img/plots/Normalized Terms of Trade from past a month and Amount of Political Violence Incidents from past 6 months vs. time line graph.svg" class="img-fluid" >
<div class="plots-info">
<h4>Normalized time series graph between Terms of Trade and Amount of Political Violence Incidents</h4>
<p>The normalized time series plot between terms of trade and number of recorded political violence incidents with time-lag. This graph shows the correlation of the economic factor with highest negative correlation to the number of recorded political violence incidents.</p>
<a href="assets/img/plots/Normalized Terms of Trade from past a month and Amount of Political Violence Incidents from past 6 months vs. time line graph.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/CPI%20Price,%20nominal,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>CPI Price, nominal, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between CPI price and time-lag.</p>
<a href="assets/img/plots/CPI%20Price,%20nominal,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Official%20exchange%20rate,%20LCU%20per%20USD,%20period%20average%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Official exchange rate, LCU per USD, period average time-lag cross-correlation matrix</h4>
<p>The correlation between official exchange rate and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Official%20exchange%20rate,%20LCU%20per%20USD,%20period%20average%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Exports%20Merchandise,%20Customs,%20Price,%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Exports Merchandise, Customs, Price, US$, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between exports merchandise and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Exports%20Merchandise,%20Customs,%20Price,%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Exchange%20rate,%20new%20LCU%20per%20USD%20extended%20backward,%20period%20average%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Exchange rate, new LCU per USD extended backward, period average time-lag cross-correlation matrix</h4>
<p>The correlation between exchange rate and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Exchange%20rate,%20new%20LCU%20per%20USD%20extended%20backward,%20period%20average%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Foreign%20Reserves,%20Months%20Import%20Cover,%20Goods%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Foreign Reserves, Months Import Cover, Goods time-lag cross-correlation matrix</h4>
<p>The correlation between foreign reserves and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Foreign%20Reserves,%20Months%20Import%20Cover,%20Goods%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/GDP%20at%20market%20prices,%20current%20LCU,%20millions,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>GDP at market prices, current LCU, millions, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between GDP at market prices and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/GDP%20at%20market%20prices,%20current%20LCU,%20millions,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Imports%20Merchandise,%20Customs,%20Price,%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Imports Merchandise, Customs, Price, US$, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between imports merchandise and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Imports%20Merchandise,%20Customs,%20Price,%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Industrial%20Production,%20constant%202010%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Industrial Production, constant 2010 US$, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between industrial production and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Industrial%20Production,%20constant%202010%20US$,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Nominal%20Effective%20Exchange%20Rate%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Nominal Effective Exchange Rate time-lag cross-correlation matrix</h4>
<p>The correlation between nominal effective exchange rate and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Nominal%20Effective%20Exchange%20Rate%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Real%20Effective%20Exchange%20Rate%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Real Effective Exchange Rate time-lag cross-correlation matrix</h4>
<p>The correlation between real effective exchange rate and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Real%20Effective%20Exchange%20Rate%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Stock%20Markets,%20LCU%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Stock Markets, LCU time-lag cross-correlation matrix</h4>
<p>The correlation between stock markets and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Stock%20Markets,%20LCU%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Terms%20of%20Trade%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Terms of Trade time-lag cross-correlation matrix</h4>
<p>The correlation between terms of trade and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Terms%20of%20Trade%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Total%20Reserves%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Total Reserves time-lag cross-correlation matrix</h4>
<p>The correlation between total reserves and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Total%20Reserves%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-corr">
<img src="assets/img/plots/Unemployment%20Rate,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" class="img-fluid" >
<div class="plots-info">
<h4>Unemployment Rate, seas. adj. time-lag cross-correlation matrix</h4>
<p>The correlation between unemployment rate and number of recorded political violence incidents with time-lag.</p>
<a href="assets/img/plots/Unemployment%20Rate,%20seas.%20adj.%20time-lag%20cross-correlation%20matrix.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Amount%20of%20Political%20Violence%20Incidents%20line%20plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Amount of Political Violence Incidents</h4>
<p>Line plot of the number of recorded political violence incidents over time</p>
<a href="assets/img/plots/Amount%20of%20Political%20Violence%20Incidents%20line%20plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/CPI%20Price,%20nominal,%20seas.%20adj.%20line%20plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>CPI Price, nominal, seas. adj. line plot</h4>
<p>Line plot of CPI Price over time</p>
<a href="assets/img/plots/CPI%20Price,%20nominal,%20seas.%20adj.%20line%20plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Exchange%20rate%2C%20new%20LCU%20per%20USD%20extended%20backward%2C%20period%20average%20line%20plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Exchange rate, new LCU per USD extended backward, period average line plot</h4>
<p>Line plot of Exchange rate over time</p>
<a href="assets/img/plots/Exchange%20rate%2C%20new%20LCU%20per%20USD%20extended%20backward%2C%20period%20average%20line%20plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Exports Merchandise, Customs, Price, US$, seas. adj. line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Exports Merchandise, Customs, Price, US$, seas. adj. line plot</h4>
<p>Line plot of Exports Merchandise over time</p>
<a href="assets/img/plots/Exports Merchandise, Customs, Price, US$, seas. adj. line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Foreign Reserves, Months Import Cover, Goods line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Foreign Reserves, Months Import Cover, Goods line plot</h4>
<p>Line plot of Foreign Reserves over time</p>
<a href="assets/img/plots/Foreign Reserves, Months Import Cover, Goods line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/GDP at market prices, current LCU, millions, seas. adj. line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>GDP at market prices, current LCU, millions, seas. adj. line plot</h4>
<p>Line plot of GDP at market prices over time</p>
<a href="assets/img/plots/GDP at market prices, current LCU, millions, seas. adj. line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Imports Merchandise, Customs, Price, US$, seas. adj. line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Imports Merchandise, Customs, Price, US$, seas. adj. line plot</h4>
<p>Line plot of Imports Merchandise over time</p>
<a href="assets/img/plots/Imports Merchandise, Customs, Price, US$, seas. adj. line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Industrial Production, constant 2010 US$, seas. adj. line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Industrial Production, constant 2010 US$, seas. adj. line plot</h4>
<p>Line plot of Imports Merchandise over time</p>
<a href="assets/img/plots/Industrial Production, constant 2010 US$, seas. adj. line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Nominal Effective Exchange Rate line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Nominal Effective Exchange Rate line plot</h4>
<p>Line plot of Nominal Effective Exchange Rate over time</p>
<a href="assets/img/plots/Nominal Effective Exchange Rate line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Official exchange rate, LCU per USD, period average line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Official exchange rate, LCU per USD, period average line plot</h4>
<p>Line plot of Official exchange rate over time</p>
<a href="assets/img/plots/Official exchange rate, LCU per USD, period average line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Real Effective Exchange Rate line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Real Effective Exchange Rate line plot</h4>
<p>Line plot of Real Effective Exchange Rate over time</p>
<a href="assets/img/plots/Real Effective Exchange Rate line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Stock Markets, LCU line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Stock Markets, LCU line plot</h4>
<p>Line plot of Stock Markets over time</p>
<a href="assets/img/plots/Stock Markets, LCU line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Terms of Trade line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Terms of Trade line plot</h4>
<p>Line plot of Terms of Trade over time</p>
<a href="assets/img/plots/Terms of Trade line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Total Reserves line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Total Reserves line plot</h4>
<p>Line plot of Total Reserves over time</p>
<a href="assets/img/plots/Total Reserves line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
<div class="col-6 plots-item filter-line">
<img src="assets/img/plots/Unemployment Rate, seas. adj. line plot.svg" class="img-fluid" >
<div class="plots-info">
<h4>Unemployment Rate, seas. adj. line plot</h4>
<p>Line plot of Unemployment Rate over time</p>
<a href="assets/img/plots/Unemployment Rate, seas. adj. line plot.svg" data-gallery="plotsGallery" class="plots-lightbox"></a>
</div>
</div>
</div>
</div>
</section><!-- End Plots Section -->
<section id="machine learning">
<div class="container">
<header>
<h1>Machine Learning</h1>
<p> Machine learning played a pivotal role in our study, where we trained a supervised model to forecast the number of political
violence incidents based on economic indicators such as CPI, GDP, and Real Effective Exchange Rate. We explored various regression
models including Random Forest, Gradient Boosting, Neural Network, Ridge, Linear, and Support Vector. Utilizing GridSearchCV, we
fine-tuned these models' hyperparameters to enhance their performance.
</p>
<p>
Among these, the Random Forest Regression model delivered the most promising results, boasting a Mean Squared Error (MSE) of 1760.41
and an R-squared of 0.70. MSE quantifies the average squared difference between predicted and actual values, providing a clear measure
of prediction accuracy. Meanwhile, R-squared indicates how well the model fits the data, with higher values signifying a better fit.
The optimal parameters identified for the Random Forest model were: 'bootstrap': False, 'max_depth': 10, 'max_features': 'sqrt',
'min_samples_leaf': 1, 'min_samples_split': 5, 'n_estimators': 50. Furthermore, it revealed that the most important features include
CPI Price, Stock Markets, GDP at market prices, and Real Effective Exchange Rate.
</p>
<p>
A Random Forest Regressor functions by constructing multiple decision trees, each trained on different subsets of the data and features.
These trees collectively predict outcomes, and the final prediction is an average of their individual forecasts. This ensemble method
mitigates overfitting and enhances robustness by leveraging the diverse insights from multiple trees, thereby offering more accurate
and reliable predictions than individual decision trees alone.
</p>
<p>
To evaluate our model's effectiveness, we divided the dataset into training (80%) and test (20%) sets. With the trained Random Forest model,
we successfully predicted the incidence of political violence incidents based on economic factors. The accompanying plot illustrates the model's
performance against the test set, demonstrating its predictive capability.
</p>
<h2>Limitations</h2>
<p> A more robust hyperparameter tuning is recommended in the hope of achieving better models. Moreover, the researchers believe that better models
will surely arise from larger datasets of higher quality.
</p>
</header>
<img src="assets/img/ML-plot.jpg">
</div>
</section>
<section id="conclusions">
<div class="container">
<header>
<h1>Conclusions</h1>
<h4>Is there a correlation between the Philippines's economic indicators (PHP exchange rate, internal debt, foreign investment, GDP, GNI, etc.) and the number of recorded political violence in the country?</h4>
<h5>Yes</h5>
<p>
In particular, most of the indicators displayed moderate amounts (<code>0.4</code> to <code>0.8</code>), yet some only displayed weak to no correlation (<code>0</code> to less than <code>0.4</code>), in particular Foreign Reserves, Industrial Production, Nominal Effective Exchange Rate, and Unemployment Rate.
CPI Price and GDP at market prices displayed a strong correlation (greater than <code>0.8</code>), although both of them are negative correlations. Terms of Trade has strongest positive correlation.
</p>
<h4>Which economic indicator is most correlated with the number of recorded political violence occurred in the Philippines?</h4>
<h5>Terms of Trade and CPI</h5>
<p>
Terms of trade displayed the strongest positive correlation with a correlation coefficient of <code>0.66</code>.
Meanwhile, CPI Price displayed the strongest negative correlation with a correlation coefficient of <code>-0.84</code>.
</p>
</header>
</div>
</section>
<!-- ======= Call To Action Section ======= -->
<section id="call-to-action">
<div class="container">
<div class="row">
<div class="col-lg-9 text-center text-lg-start">
<p class="cta-text">Given the strong correlation between the CPI/GDP ratio and political violence in the Philippines, it's crucial to explore more economic indicators to understand their impact on stability. The negative correlation suggests that economic recessions, shown by a decreasing CPI, might increase political violence. Additionally, the positive correlation between terms of trade and political violence, despite higher terms of trade usually indicating a healthier economy, needs further investigation. Since the unemployment rate isn't a significant factor, focusing on a broader range of data-based indicators can enhance decision-making and policy formulation. By expanding our understanding, we can develop more effective strategies to promote stability and peace in the Philippines.</p>
</div>
<div class="col-lg-3 cta-btn-container text-center">
<a class="cta-btn align-middle" href="https://goodgov.ph/">Support this cause</a>
</div>
</div>
</div>
</section><!-- End Call To Action Section -->
<!-- DataBAEs -->
<section id="team">
<div class="container">
<div class="section-header">
<h2 class="section-title">DataBAEs</h2>
<p class="section-description">Get to know our team.</p>
</div>
<div class="row justify-content-center"> <!-- Center the row -->
<div class="col-4"> <!-- Adjust column classes here -->
<div class="member">
<div class="pic"><img src="assets/img/team-1.jpg" ></div>
<h4>Brylle Joshua Logrono</h4>
<div class="member-content">
<span>
<p>
Brylle is a 4th year BS Computer Science student at the University of the Philippines Diliman, specializing in Algorithms and Complexity at the Department of Computer Science. Passionate about AI/ML, he's an active member of the UP Center for Student Innovations and leads the content development for our project's website. Beyond coding, Brylle enjoys chess, anime, and reading manhwas.
</p>
</span>
<div class="social">
<a href="https://www.linkedin.com/in/brylle-joshua-logroño-b68ab6263/"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/d1w1rm4"><i class="bi bi-github"></i></a>
<a href="https://x.com/bruh_yl"><i class="bi bi-twitter"></i></a>
<a href="https://www.facebook.com/bryllejoshua.logrono/"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/bruh._.yl/"><i class="bi bi-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-4"> <!-- Adjust column classes here -->
<div class="member">
<div class="pic"><img src="assets/img/team-2.jpg" ></div>
<h4>Aaron Jude Tanael</h4>
<div class="member-content">
<span>
<p>
Aaron is a 4th year BS Computer Science major in the University of the Philippines Diliman. He is the Vice President for Service of the UP Center for Student Innovations Organization and is currently performing his thesis under the Department of Computer Science - Algorithms and Complexity Laboratory. While the whole team works together for this project in every aspect, Aaron is mainly responsible for the data handling. Beyond coding, Aaron enjoys playing competitive online games, engaging in sports and physical recreational activities, watching anime, and reading manga.
</p>
</span>
<div class="social">
<a href="https://www.linkedin.com/in/eywantheone/"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/eyronjuude"><i class="bi bi-github"></i></a>
<a href=""><i class="bi bi-twitter"></i></a>
<a href="https://www.facebook.com/eyron.10"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/eywantheone/"><i class="bi bi-instagram"></i></a>
</div>
</div>
</div>
</div>
<div class="col-4"> <!-- Adjust column classes here -->
<div class="member">
<div class="pic"><img src="assets/img/team-3.jpg" ></div>
<h4>Earl Wilbur Nogra</h4>
<div class="member-content">
<span>
<p>
Earl is a 4th year BS Computer Science major in the University of the Philippines Diliman. He is a member of the UP Beta Epsilon Fraternity and is currently performing his thesis under the Department of Computer Science - Algorithms and Complexity Laboratory. While the whole team works together for this project in every aspect, Earl is mainly responsible for the website development. Beyond that, Earl enjoys socializing through various games, sports, and events. His main interests include binge watching shows and traveling.
</p>
</span>
<div class="social">
<a href="https://www.linkedin.com/in/earl-wilbur-nogra-6b39112a9/"><i class="bi bi-linkedin"></i></a>
<a href="https://github.com/Necrodius"><i class="bi bi-github"></i></a>
<a href=""><i class="bi bi-twitter"></i></a>
<a href="https://www.facebook.com/ewanogra/"><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="container">
<div class="credits">
CS 132 Project: <strong>Political Violence and Economic Indicators</strong>
</div>
<div class="copyright">
© Created by <a href="#team">DataBAEs</a>. All rights reserved.
</div>
</div>
</footer><!-- End Footer -->
<!-- Helper JS Files -->
<script src="assets/helper/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/helper/glightbox/js/glightbox.min.js"></script>
<script src="assets/helper/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>