-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
901 lines (708 loc) · 53 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
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Women in Power and Decision-Making</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/favicon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: BizLand
* Updated: Jan 09 2024 with Bootstrap v5.3.2
* Template URL: https://bootstrapmade.com/bizland-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<script src="https://cdn.plot.ly/plotly-2.27.0.min.js" charset="utf-8"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""></script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo"><a href="index.html">wip<span>EU</span></a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#results">Results</a></li>
<li><a class="nav-link scrollto " href="#datasets">Datasets</a></li>
<li><a class="nav-link scrollto" href="#documentation">Documentation</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container" data-aos="zoom-out" data-aos-delay="100">
<h1 class="rq">How do the levels of representation of women in different decision-making positions correlate within the European Union?</h1> <br>
<h2>Is there a discernible pattern or trend in the relationships between women occupying various roles, and how have these correlations evolved over time?</h2>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About</h2>
<h3>About the<span> Project</span></h3></div><div>
<p><b>wipEU</b> is an open data project focused on analyzing the correlation between the representation of women in diverse positions
across the European Union and its evolution over time. Our project aims to examine factors influencing the presence of women
in positions of <b>Power & Decision Making</b> in the EU, with a particular emphasis on understanding how these dynamics change and develop over different time periods.<br><br>
By examining data and trends, we aim to uncover insights into the progress, challenges, and trends related to gender representation within the EU.
Through comprehensive data analysis, we seek to contribute valuable knowledge that can inform discussions, policies,
and actions aimed at fostering greater gender equity in the European Union. <b>wipEU</b> stands at the intersection of data-driven
insights and the pursuit of a more inclusive and representative future in positions of influence and decision-making across the EU landscape.<br><br>
</p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h3>We have decided to approach this topic by analyzing a few fundamental areas:
</h3>
<br>
<h5>Public Administration</h5>
<h5>Business & Finance</h5>
<h5>Politics</h5>
<h5>Environment & Climate Change</h5>
<h5>Education, Science & Research</h5>
<h5>Law & Institutions</h5>
<br>
<p>
In addition to addressing the primary research question,
this project involves comprehensive examinations of various
facets related to open data, including considerations of quality,
legality, ethics, and technical aspects. Diverse visualizations
are available to facilitate effective communication and enhance
comprehension of the findings. <span><b>You can freely
download a thoroughly detailed documentation for reference by clicking <a href="DOCUMENTATION.ipynb" type="download"> here.</a></span></b>
</p>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Results Section ======= -->
<section id="results" class="results">
<div class="container" data-aos="fade-up">
<div class="section-title"><h2>Results</h2><br>
<h3>In 2023:</h3>
</div>
<div class="row skills-content">
<div class="col-lg-6">
<div class="progress">
<span class="skill">Women members of the highest decision-making body in European Financial Institutions <i class="val">20%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Women members of the highest decision-making body in European agencies for Public Administration <i class="val">37%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Women members of the highest decision-making body in European Research Funding organizations <i class="val">43.1%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="43.1" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="progress">
<span class="skill">Women members of European Court for Justice <i class="val">22.2%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="22.2" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Women presidents or chairs of European Financial Institutions <i class="val">66.7%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="66.7" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="progress">
<span class="skill">Women Leading Major Political Parties <i class="val">26.8%</i></span>
<div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="26.8" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Results Section -->
<!-- ======= Visualization Section ======= -->
<section id="" class="about section-bg">
<div class="container"id="visua" data-aos="fade-up">
<div class="section-title">
<h2>Visualizations</h2>
<h3>Choropleth<span> Maps</span></h3></div>
<p>
Explore the rich datasets through dynamic <b>choropleth maps</b>, providing an illuminating visual representation of <b>geographic-related data</b> for a comprehensive understanding of women's representation in positions of <b>Power & Decision Making</b> across Europe.<br><br>
These dynamic maps offer an engaging way to interpret and analyze the distribution of key metrics across different European countries. The use of color gradients allows for quick comprehension of variations, making it easier to discern patterns, trends, and disparities in gender representation.<br><br>
It's important to note that in cases where the value is undefined, it signifies that the country is either geographically part of Europe but not a member of the EU, or that the specific data is not available for the selected country. Notably, the dataset still includes pertinent information for the United Kingdom, ensuring a thorough examination of its unique context.<br><br>
By leveraging choropleth maps, we aim to provide a nuanced exploration of the gender landscape in positions of influence and decision-making,
fostering a deeper understanding of the complexities and variations within the European context.
These visualizations can serve as powerful tools for researchers, policymakers, and the general public alike,
offering insights that transcend numerical data and enhance our collective understanding of gender dynamics across Europe.<br><br>
Explore these dynamic datasets with the flexibility to tailor your visual experience. Utilize the user-friendly dropdown menu to choose from three distinct perspectives and a
yearly explorable time frame that goes from <b>2017 to 2023.</b><br><br> Please keep in mind that EIGE has not any available data for the dataset D3 - Men and Women in EU Research Funding Organizations for the year 2023.<br><br>
<h4>D6 - Major Political Parties Leaders in the EU (Men and Women):</h4>
This dataset visualizes the gender distribution of leaders within major political parties across European Union member states.
Each country is color-coded on the choropleth map to represent the proportion of male and female leaders within its political landscape.
The intensity of color variations provides a quick and insightful overview of gender
representation at the helm of influential political parties, fostering a nuanced understanding of political leadership dynamics in the EU.<br><br>
<h4>D4 - EU Executives for Climate (Men and Women):</h4>
The choropleth map for this dataset offers a visual representation of the gender composition among executives
dedicated to climate-related initiatives within the European Union. By employing distinct color gradients, the map vividly illustrates the distribution of men and women in leadership roles tasked with shaping and implementing climate policies. This visualization facilitates
an exploration of gender diversity in key positions crucial to addressing environmental
challenges and promoting sustainable practices across EU member states.<br><br>
<h4>D3 - Men and Women in EU Research Funding Organizations:</h4>
This choropleth map highlights the gender distribution among professionals
within research funding organizations across Europe. The map employs varying colors
to showcase the proportion of men and women actively engaged in supporting and shaping
research initiatives. By presenting a geographical overview, the visualization provides
valuable insights into the gender dynamics within the realms of research funding, shedding
light on the extent of gender representation in organizations pivotal to advancing scientific knowledge and innovation throughout the EU.<br><br>
</p>
<br>
<label for="datasetDropdown"><b>Choose Dataset:</b></label>
<select id="datasetDropdown">
<option value="dataset1">Major Political Party Leaders in EU</option>
<option value="dataset2">EU Political Executives for Climate</option>
<option value="dataset3">Presidents and Members of EU Research Funding Organizations</option>
</select>
<label for="genderDropdown"><b>Choose Gender:</b></label>
<select id="genderDropdown">
<option value="Women">Women</option>
<option value="Men">Men</option>
</select>
<br><br>
<label for="yearDropdown"><b>Choose Year:</b></label>
<select id="yearDropdown">
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
<br><br>
<div id="mapsContainer">
<div class="map" id="mapf2017"></div>
</div>
</section><!-- End Visualization Section -->
<!-- ======= Visua 2 Section ======= -->
<section id="" class="about section-bg">
<div class="container" id="visua" data-aos="fade-up">
<div class="section-title">
<h3>Line <span>Charts</span></h3></div>
<p>
The line charts as dynamic visualizations serve as a journey through the shifting landscape of gender distribution within European institutions over the years. <br><br>
With <b>time</b> represented along the X-axis and the <b>number of individuals</b> plotted on the Y-axis, distinct lines trace the evolution of counts for both men, women and total individuals.
These visual narratives provide an insightful lens into the ebb and flow of gender representation, encapsulating the changing dynamics within the complex fabric of European institutions.<br><br>
By encapsulating years of data in a visually digestible format, the line charts empower users to discern trends and potential disparities with ease. The nuanced understanding gained from these visualizations
is instrumental in fostering informed discussions and driving actions aimed at promoting gender equity within these influential organizations.<br><br>
What adds an extra layer of dynamism to these visualizations is their interactive nature. Users are not mere spectators but active participants in their exploration of the data. Through a user-friendly dropdown menu, individuals can tailor their visual experience by selecting specific roles or positions within the organizations.<br><br>
<b>Interactivity</b> enables users to customize their focus, deepening their insights by honing in on the gender distribution within <b>particular sectors or leadership roles</b>.
This feature amplifies the <b>accessibility</b> of the data, ensuring that users can extract the most <b>relevant and targeted information</b> based on their interests or research objectives.<br><br>
</p>
<h4>D2 - European agencies: presidents, members and executive heads</h4><p>
European agencies are decentralized bodies of the European Union (EU) established to carry out specific tasks and functions across various policy areas.
These agencies operate independently and are tasked with providing expertise, support, and coordination to EU member states. Their roles encompass
a wide range of areas, including <b>regulatory oversight, scientific research, and implementation of EU policies.</b><br><br>
The organizational structure of European agencies typically includes a leadership team, such as a president or executive head,
and a membership comprising representatives from EU member states. These agencies play a crucial role in facilitating collaboration
and harmonizing efforts among member states in areas where shared expertise and resources are beneficial.<br><br>
The specific functions and responsibilities of European agencies vary depending on their mandate, which may cover domains such as <b>environment,
food safety, aviation safety, and more</b>. The agencies contribute to the effective implementation of EU policies
, ensuring consistent standards and best practices across the member states.<br><br>
In summary, European agencies form an integral part of the EU's administrative framework, functioning as specialized entities that enhance cooperation, coordination, and the efficient execution of policies in specific domains for the benefit of all member states.</p>
<label for="position-dropdown"><b>Select Position:</b></label>
<select id="position-dropdown">
<!-- Add options dynamically using JavaScript -->
</select><br><br>
<label for="entity-dropdown"><b>Select Agency:</b></label>
<select id="entity-dropdown"></select><br><br>
<div id="line-graph"></div>
<br>
<h4>D1 - European Financial Institutions: presidents and members</h4><p>
Our dynamic line chart presentation allows the user to choose from three distinct organizational perspectives:
the European Investment Bank (EIB), the European Central Bank (ECB), and the European Investment Fund (EIF).
<ul><li><b>The European Investment Bank (EIB):</b><br><br>
The EIB, established in 1958, operates as the long-term lending institution of the EU.
With a mission to foster sustainable development, the EIB finances projects spanning
infrastructure, innovation, climate action, and support for small to medium-sized enterprises (SMEs).
Led by a dedicated President, the EIB plays a pivotal role in shaping the economic landscape of the EU.</li><br>
<li><b>European Central Bank (ECB):</b><br><br>
At the heart of monetary policy in the eurozone, the ECB, founded in 1998, is tasked with maintaining price stability and ensuring the smooth functioning of financial markets
. Guided by a President and an Executive Board, the ECB issues the euro currency and plays a critical role in shaping the economic trajectory of the eurozone.</li><br>
<li><b>European Investment Fund (EIF):</b><br><br>
Operating within the European Investment Bank Group, the EIF is dedicated to supporting Europe's micro, small, and medium-sized enterprises (MSMEs).
Led by a Chief Executive, the EIF provides guarantees and equity financing, fostering entrepreneurship, innovation, and job creation as an integral part of the EU's economic ecosystem.</li></ul><br>
Together, these institutions form a dynamic trio, each with its unique focus and mandate, working in tandem to drive economic growth, financial stability, and innovation within the European Union.<br>
</p>
<label for="position-dropdown2"><b>Select Position:</b></label>
<select id="position-dropdown2">
<!-- Add options dynamically using JavaScript -->
</select>
<label for="entity-dropdown2"><b>Select Agency:</b></label>
<select id="entity-dropdown2"></select><br><br>
<div id="line-graph-fin"></div>
<br>
<h4>D5 - European courts: presidents and members</h4>
<p>
Legal institutions collectively contribute to the <b>development and interpretation of EU law</b>,
ensuring the protection of rights, the resolution of disputes, and the maintenance of legal consistency within the European Union.<br><br>
<ul><li><b>Court of Justice of the European Union (CJEU):</b><br>
The CJEU is the supreme judicial authority of the EU. It ensures the uniform application and interpretation of EU law across all member states.
Comprising the Court of Justice, the General Court, and specialized courts, the CJEU plays a critical role in safeguarding
legal consistency and protecting the rights of individuals and entities under EU law.</li><br>
<li><b>Civil Service Tribunal:</b><br>
The Civil Service Tribunal is one of the specialized courts within the CJEU. It specifically deals with cases involving disputes between the EU and its
staff, including issues related to employment, working conditions, and disputes arising from staff members' roles within EU institutions.</li><br>
<li><b>European Court of Human Rights (ECHR):</b><br>
The ECHR, based in Strasbourg, is not an EU institution but a body of the Council of Europe.
It safeguards human rights and fundamental freedoms in Europe. Individuals can bring cases
against member states for alleged violations of the European Convention on Human Rights, ensuring a regional framework for human rights protection.</li><br>
<li><b>European Court of Justice (ECJ):</b><br>
The ECJ is one of the key institutions of the EU, serving as the highest court in matters of EU law.
It interprets EU legislation, ensures its uniform application, and settles legal disputes between member states, institutions, and individuals.
The ECJ plays a crucial role in upholding the rule of law within the EU.</li><br>
<li><b>General Court:</b>
Also part of the CJEU, the General Court is responsible for hearing cases brought by individuals,
businesses, and, in some instances, member states against EU institutions. It serves as a court of first instance for certain types of actions,
offering an avenue for legal review and redress within the EU's judicial framework.</li><br>
<label for="position-dropdown3"><b>Select Position:</b></label>
<select id="position-dropdown3">
<!-- Add options dynamically using JavaScript -->
</select>
<label for="entity-dropdown3"><b>Select Entity:</b></label>
<select id="entity-dropdown3"></select><br><br>
<div id='line-graph-courts'></div>
</div>
</section><!-- End About Section -->
<!-- ======= Datasets Section ======= -->
<section id="datasets" class="datasets">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Datasets</h2>
<h3>Check the <span>Source Datasets</span> we used</h3>
</div>
<p>The project comprises the use of <b>10 different datasets</b>, between source ones and mashup ones.
Each source dataset was divided in three parts for women, men and total values, so - practically - we worked with 18 source datasets and 2 mash up datasets.
The <b>source datasets</b> have been downloaded in .csv and .json format from the Women and men in decision-making section in EIGE's <b><a href="https://eige.europa.eu/gender-statistics/dgs">Gender Statistics Database.</a></b><br><br>
It's essential to recognize the inherent complexities and limitations that accompany our exploration of gender representation in Power & Decision Making across Europe. While our datasets meticulously capture the dynamics between women and men,
it's important to acknowledge the <b>inherent constraint of a binary representation</b>, as we regrettably do not encompass the rich and diverse spectrum of queer and non-binary identities.<br><br>
Data, as a reflection of societal structures and categorizations, can sometimes fall short in capturing the multifaceted nature of human experiences. The absence of representation for queer and non-binary individuals in our datasets prompts
a broader reflection on the challenges of quantifying dimensions of identity that transcend traditional parameters. As we navigate this data landscape, it becomes an opportunity for introspection, challenging us to critically examine the
limitations of our categorical frameworks and consider how these frameworks might inadvertently marginalize certain voices and experiences.<br><br>
This contemplation on the limitations of our data invites us to envision more inclusive and comprehensive approaches to data collection in the future. It prompts us to question not only what is measured but also <b>what is left unmeasured</b>, urging us to strive for data that authentically reflects the richness of diverse identities.
In essence, our exploration of data is not just a numerical exercise but a thoughtful journey into the complexities of representation, challenging us to continually refine our understanding of societal dynamics and the narratives embedded within the numbers.<br><br>
Click on the download icon to download a zip folder containing datasets in csv and xsls formats.</p>
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bi bi-bank"></i></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_bus_fin__wmid_fineur/hbar">D1 - European financial institutions: presidents and members</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data collected by EIGE from January 2017 and previously by the European Commission, DG Justice<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<a href="zip\european_financial_institutions.zip" download><div class="icon"><i class="bi bi-download"></i></i></div></a>
</p>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_adm_eur__wmid_euadmin_eurag">D2 - European agencies: presidents, members and executive heads</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data collected by EIGE from January 2017 and previously by the European Commission, DG Justice<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<a href="zip\european_agencies.zip" download><div class="icon"><i class="bi bi-download"></i></i></div></a>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bi bi-currency-exchange"></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_educ__wmid_resfund">D3 - Research funding organisations: presidents and members</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data first collected by EIGE in 2017<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<b>Number of Values:</b> 3360</p>
<a href="zip\research_funding.zip" download><div class="icon"><i class="bi bi-download"></i></i></div></a>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bx-world"></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_env_euinst__wmid_env_eu_ag">D4 - European agencies working in climate change</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data collected by EIGE from January 2017 and previously by the European Commission, DG Justice<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<b>Time Form:</b> Years</p>
<a href="zip\political_executives_climate.zip" download><div class="icon"><i class="bi bi-download"></i></i></div></a>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bi bi-bank2"></i></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_jud_eucrt__wmid_eucrt/hbar/year:2009/geo:EU/EGROUP:CRTS_EUR/sex:M,W/UNIT:PC/POSITION:MEMB_CRT/ENTITY:CST,ECHR,GC,CJEU,ECJ">D5 - European courts: presidents and members</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data collected by EIGE from January 2017 and previously by the European Commission, DG Justice<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<b>Time Form:</b> Years</p>
<a href="zip\judges_european_court (1).zip" download="data\european_courts"><div class="icon"><i class="bi bi-download"></i></i></div></a>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-stretch mt-4" data-aos="zoom-in" data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bx bx-arch"></i></div>
<h4><a href="https://eige.europa.eu/gender-statistics/dgs/indicator/wmidm_pol_part__wmid_polpart">D6 - Major political parties: leader and deputy leaders</a></h4>
<p class="dttext"><b>Source type:</b> Data collected by EIGE <br>
<b>Source organisation:</b> European Institute for Gender Equality (EIGE)<br>
<b>Source organisation URL:</b> https://eige.europa.eu/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Source reference:</b> Data first collected by EIGE in 2017<br>
<b>Data Type:</b> Administrative Data<br>
<b>Harmonised:</b> Harmonised at EU level<br>
<b>Time Form:</b> Years</p>
<a href="zip\political_parties (1).zip" download="data\major_political_party_leaders"><div class="icon"><i class="bi bi-download"></i></i></div></a>
</div>
</div>
</div>
</div>
</section><!-- End Dataset Section -->
<!-- ======= Datasets 2 Section ======= -->
<section id="datasets" class="datasets">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Datasets</h2>
<h3>Check the <span> Mashup Datasets</span> we created</h3>
</div>
<div id="visua">
<p>
The decision to create separate mashup datasets for geographically related data <b>(MD1)</b>
containing names of individual countries in the EU and another
for data containing different organizations of the EU <b>(MD2)</b> is likely driven
by the distinct nature and purpose of each dataset, as well as the intended use cases for visualization or analysis.<br><br>
The distinctions between geographically related information and organizational data within the European Union are marked by their emphasis on different parameters — space and time, respectively.
<br><br><b>MD1 - Geographically Related Data (Space):</b> Geographical data revolves around parameters linked to space, encapsulating the physical dimensions,
locations, and boundaries of countries within the European Union. Key spatial parameters include latitude and longitude coordinates, land area,
population density, and features like mountains or rivers. Spatial analysis techniques, such as mapping libraries and geographic information system (GIS)
tools, are commonly employed to visualize and analyze these spatial dimensions.<br><br>
<b>MD2 - Organization-Related Data (Time):</b> In contrast, organizational data is immersed in parameters tied to time,
focusing on the temporal aspects of EU institutions, agencies, and bodies. Temporal parameters may include establishment dates,
tenure durations, historical changes in organizational structures, and milestones in the development of the EU. Understanding the evolution of EU
organizations over time is critical for temporal analysis, providing insights into historical development and structural dynamics.<br><br>
<b>Integration for Comprehensive Insights:</b> Recognizing that organizational data has both spatial and temporal dimensions, integrating
both aspects becomes essential for comprehensive insights. This integration allows for a nuanced understanding of the historical development
and geographical distribution of EU structures. For example, it enables an exploration of how the functions of EU institutions have evolved
over time in response to geopolitical changes.<br><br>
<b>Visualization Techniques:</b> Geographical data finds expression through spatial visualization techniques such as choropleth maps, heatmaps, or geographical scatter plots. These visualizations emphasize the spatial distribution of data points, facilitating the exploration of patterns across different regions. On the other hand, organizational data benefits from temporal visualization techniques, including timelines, Gantt charts, or interactive graphs showcasing changes over time.
These visualizations offer a means to explore historical events, leadership transitions, and organizational developments.<br><br>
<b>Data Modeling and Structures:</b> Geographical data is typically modeled to capture spatial relationships and attributes, utilizing tools like spatial databases, geoJSON formats, and geospatial indexing. In contrast, organizational data requires modeling that accommodates temporal aspects, such as effective dating for changes in organizational structures, historical records, and timelines. Temporal databases or versioning mechanisms may be employed to manage time-related data.
By considering the distinct parameters of space and time for geographically related and organizational data, respectively, tailored dataset structures, analytical methods, and visualization techniques can be applied. This comprehensive approach allows for a more profound exploration of both spatial and temporal dimensions, providing a holistic understanding of the intricate interactions within the European Union.
<h3>Metadata</h3><br>
The <a href="#documentation">Documentation</a> provides a detailed overview of the metadata for our Mashup datasets MD-1 and MD-2 using the Resource Description Framework (RDF), a format that facilitates machine-readable representations of information. By referring to our documentation, users can access a structured presentation of the metadata, enabling a better understanding of its specific details, relationships, and attributes.
</p><br>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bi bi-bank"></i></i></div>
<h4><a href="https://github.com/matteo-guenci/Open_access_project/blob/main/data/mashup/merged_df_final.csv">MD1 - Influential Positions held by Women in Different Geographical Regions</a></h4>
<p class="dttext"><b>Years:</b> 2018-2023 <br>
<b>URI:</b> https://github.com/matteo-guenci/Open_access_project/blob/main/data/mashup/merged_df_final.csv/<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Data Type:</b> Administrative Data<br>
<a href="data\mashup\merged_df_final.csv" download><div class="icon"><i class="bi bi-download"></i></i></div></a>
</p>
</div>
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="https://github.com/matteo-guenci/Open_access_project/blob/main/data/mashup/merged_df_final2.csv">MD2 - Influential Positions held by Women in Different Agencies</a></h4>
<p class="dttext"><b>Years:</b> 2018-2023 <br>
<b>URI:</b> https://github.com/matteo-guenci/Open_access_project/blob/main/data/mashup/merged_df_final2.csv<br>
<b>Statistical activity:</b> Data collection on women and men in decision-making (WMID)<br>
<b>Data Type:</b> Administrative Data<br>
<a href="data\mashup\merged_df_final2.csv" download> <div class="icon"><i class="bi bi-download"></i></i></a></div>
</div>
</div>
</div>
</div>
</section><!-- End Dataset2 Section -->
<!-- ======= Analysis Section ======= -->
<section id="featured-datasets" class="featured-datasets">
<div class="container" data-aos="fade-up">
<div class="title-section">
<h1>Analyses</h1></div><div>
<p>In the context of the European Institute for Gender Equality (EIGE) datasets, these analyses collectively contribute to the trustworthiness,
usability, and ethical handling of the data, supporting its reliability for research, policymaking,
and advocacy in the field of gender equality. <br><br>You can find the complete reports in our <b>Documentation.</b></p></div><br>
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4 class="title"><a href="">Quality Analysis</a></h4>
<p class="description">Assessing the reliability, accuracy, completeness, and relevance of the data.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">Legal Analysis</a></h4>
<p class="description">Assessing the compliance of EIGE datasets with relevant laws and regulations.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="300">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">Technical Analysis</a></h4>
<p class="description">Evaluating the structure, format, and accessibility of the dataset.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="400">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Ethical Analysis</a></h4>
<p class="description">Evaluating the implications of data collection, usage, and dissemination.</p>
</div>
</div>
</div>
</div>
</section><!-- End Featured Services Section -->
<section id="" class="about section-bg">
<div class="container"id="visua" data-aos="fade-up">
<div class="section-title">
<h2>Additional Visualizations</h2>
<h3>Clusters</h3></div>
<p>Clusterization, also known as clustering or cluster analysis,
is a data analysis technique used to group similar data points into distinct
subsets or clusters based on certain characteristics or features. The primary
goal of clusterization is to identify inherent patterns and structures within a dataset,
allowing for a more organized and insightful understanding of the underlying data.
You can discover more on clusterization in our <a href="#documentation">Documentation</a></p>
<div class="grid-container">
<!-- First column with an image -->
<div class="grid-item">
<img src="technical_analysis\Clusters\newplot1.png" alt="Image 1">
</div>
<!-- Second column with another image -->
<div class="grid-item">
<img src="technical_analysis\Clusters\newplot2.png" alt="Image 2">
</div>
</div>
<br><br>
<div class="section-title">
<h2>Additional Visualizations</h2>
<h3>Correlations</h3></div>
<p>Correlation is a statistical measure that describes the degree to which two variables change together.
In other words, it quantifies the strength and direction of a linear relationship between two sets of data.
Correlation does not imply causation; it simply indicates whether and how two variables tend to vary together. You can discover more on the correlation measures that we used in our <a href="#documentation">Documentation</a></p>
<div class="grid-container">
<!-- First column with an image -->
<div class="grid-item">
<img src="technical_analysis\Correlations\output1.png" alt="Image 1">
</div>
<!-- Second column with another image -->
<div class="grid-item">
<img src="technical_analysis\Correlations\output2.png" alt="Image 2">
</div>
</div>
<!-- ======= Documentation Section ======= -->
<section id="documentation" class="documentation">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Documentation</h2>
<h3>Download the<span> Documentation</span></h3></div><div>
<p>Welcome to the documentation hub for <b>wipEU</b>.
Gain in-depth insights into our project by downloading the comprehensive documentation. Click the link below to access the Jupyter Notebook file.<br><br>
<b><a href="DOCUMENTATION.ipynb" download="DOCUMENTATION.ipynb">Download Documentation</a></b><br><br>
Includes:
<ul>
<li> Overview of Open Access and Digital Ethics in our project</li>
<li> Source and methodology of governmental datasets used</li>
<li>Detailed data visualizations depicting gender representation</li>
<li>Key findings and trends</li>
<li>Recommendations for promoting gender equality in European institutions</li></ul></p>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Sustainability Section ======= -->
<section id="about" class="about section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Sustainability of the Project</h2>
<h3>Sustainability</h3></div>
<p>
The Gender Statistics Database, from where we retrieved the data,
contains gender statistics from all over the European Union (EU) and beyond,
at the EU, Member State and European level. <br>
It is aimed at providing statistical evidence which can be used to support and complement the European Commission’s
(EC) Strategy on Gender Equality and support the Member States to monitor their progress.
<br><br>
However, <b>wipEU</b> is the final project developed for the <b>"Open Access and Digital Ethics"</b> course (a.a. 2023/2024) within the <b>Digital Humanities and Digital Knowledge</b> Masters Degree (University of Bologna),
and, as such is not actively maintained and will not be updated in the future.</p>
</div>
</section><!-- End Sustainability Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Team</h2>
<h3>Our <span>Team</span></h3>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 d-flex align-items-center" data-aos="fade-up" data-aos-delay="100">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-1.jpeg" class="img-fluid" alt="">
<div class="social">
<a href="https://github.com/SalvatoreDiMarzo"><i class="bi bi-github"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Salvatore Di Marzio</h4>
<span>Project Ideation — Data retrieval — Mashup datasets — Technical analysis</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-center" data-aos="fade-up" data-aos-delay="200">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-2.jpeg" class="img-fluid" alt="">
<div class="social">
<a href="https://github.com/matteo-guenci"><i class="bi bi-github"></i></a>
<a href="https://www.linkedin.com/in/matteo-guenci-320712237/"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Matteo Guenci</h4>
<span>Project Ideation — Data retrieval — Mashup datasets — Technical analysis</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 d-flex align-items-center" data-aos="fade-up" data-aos-delay="300">
<div class="member">
<div class="member-img">
<img src="assets/img/team/alice.jpg" class="img-fluid" alt="">
<div class="social">
<a href="https://github.com/alicepicco333"><i class="bi bi-github"></i></a>
<a href="https://www.linkedin.com/in/alice-picco-791157114/"><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Alice Picco</h4>
<span>Project ideation — Data retrieval — Visualizations — Quality and legal analyses — Website development</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<section id="license" class="license">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>License</h2>
<h3>Credits and<span> Licenses</span></h3></div>
<div class="two-columns">
<p>
<b>Web template</b>:
This website is built on the HTML5 template "Bizland" by BootstrapMade and released under MIT<br>
<b>Source Datasets</b>:
Creative Commons Attribution 3.0 Unported (CC BY 3.0)<br>
<b>Mashup Datasets</b>:
Creative Commons Attribution 4.0 International (CC BY 4.0)<br><br>
<b> Softwares used</b><br><br>
<b>Leaflet</b>: Copyright (c) 2010-2023, Volodymyr Agafonkin Copyright (c) 2010-2011, CloudMade - All rights reserved. (BSD 2-Clause "Simplified" License)<br>
<b>Plotly.js</b>: Copyright (c) 2021 Plotly, Inc - All rights reserved ( MIT License)
</p></div>
</div>
</main>
<div class="container py-4">
<div class="copyright">
© Copyright <strong><span>wipEU</span></strong>. All Rights Reserved
<p>wipEU is a project developed for the "Open Access and Digital Ethics" course
(a.a. 2023/2024) within the Digital Humanities and Digital Knowledge Masters Degree at Alma Mater Studiorum - University of Bologna</p>
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/bizland-bootstrap-business-template/ -->
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
<script src="assets/js/charts.js"></script>
<script src="https://cdn.plot.ly/plotly-2.27.0.min.js" charset="utf-8"></script>
<!-- D3.js -->
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
<script src="https://unpkg.com/leaflet-ajax/dist/leaflet.ajax.min.js"></script>
<script defer src="assets/js/maps.js"></script>
</body>
</html>