-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcia-features.html
684 lines (562 loc) · 38.1 KB
/
cia-features.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Explore the Citizen Intelligence Agency - an open-source intelligence platform focused on political transparency and accountability in Sweden through data-driven analytics.">
<title>Citizen Intelligence Agency - Political Transparency Features</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="alternate" hreflang="sv" href="https://www.hack23.com/cia-features_sv.html" />
<link rel="canonical" href="https://www.hack23.com/cia-features.html">
<!-- Open Graph / Social Media -->
<meta property="og:title" content="Citizen Intelligence Agency - Political Transparency Features">
<meta property="og:description" content="Explore the Citizen Intelligence Agency - an open-source intelligence platform focused on political transparency in Sweden.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://hack23.com/cia-features.html">
<meta property="og:image" content="https://hack23.github.io/cia/images/logo.png">
<meta property="og:site_name" content="Hack23">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Citizen Intelligence Agency - Political Transparency Features">
<meta name="twitter:description" content="Explore dashboards and analytics for political transparency in Sweden.">
<meta name="twitter:image" content="https://hack23.github.io/cia/images/logo.png">
<meta name="keywords" content="citizen intelligence agency, political transparency, democracy, politics, political monitoring, Sweden, parliament, data-driven, OSINT">
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700&family=Share+Tech+Mono&display=swap"
rel="stylesheet"
/>
<!-- Schema.org structured data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Citizen Intelligence Agency",
"applicationCategory": "AnalyticsApplication",
"operatingSystem": "Web",
"description": "An open-source intelligence platform focused on political transparency and accountability in Sweden.",
"creator": {
"@type": "Person",
"name": "James Pether Sörling"
},
"url": "https://github.com/Hack23/cia",
"featureList": "Political monitoring, Parliament analysis, Ministry monitoring, Decision flow analysis",
"keywords": "citizen intelligence agency, political transparency, parliament, data-driven analysis",
"screenshot": "https://hack23.com/screenshots/Page-dashboard-OVERVIEW-331.png"
}
</script>
<style>
.screenshot-container {
position: relative;
margin: 1.5rem 0;
overflow: hidden;
}
.screenshot-container img {
max-width: 100%;
height: auto;
border: 1px solid var(--border-color);
border-radius: 4px;
transition: transform 0.3s ease;
cursor: zoom-in;
}
.screenshot-container figcaption {
margin-top: 0.5rem;
font-style: italic;
color: var(--text-secondary);
}
.fullscreen-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
display: none;
justify-content: center;
align-items: center;
z-index: 1000;
cursor: zoom-out;
}
.fullscreen-overlay img {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
.fullscreen-caption {
position: absolute;
bottom: 20px;
left: 0;
width: 100%;
text-align: center;
color: white;
padding: 10px;
background-color: rgba(0, 0, 0, 0.5);
}
.expand-hint {
position: absolute;
top: 10px;
right: 10px;
background-color: rgba(0, 0, 0, 0.6);
color: white;
padding: 5px 10px;
border-radius: 4px;
font-size: 0.8rem;
opacity: 0.7;
pointer-events: none;
}
.panel-caption {
background-color: var(--primary-color);
color: white;
padding: 1rem;
text-align: center;
border-radius: 6px;
margin: 2rem 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.feature-section {
margin-bottom: 2rem;
}
.feature-description {
margin-bottom: 2.5rem;
}
@media (prefers-color-scheme: dark) {
.panel-caption {
background-color: var(--primary-dark);
border: 1px solid var(--primary-light);
text-shadow: 0 0 5px rgba(0, 204, 102, 0.5);
}
}
</style>
</head>
<body>
<header>
<div class="logo-container">
<img src="https://hack23.github.io/cia/images/logo.png" alt="Citizen Intelligence Agency Logo" class="logo" />
</div>
<h1>Citizen Intelligence Agency Features</h1>
<p>Comprehensive data-driven analytics platform for political transparency in Sweden.</p>
<div class="badges">
<a href="https://github.com/Hack23/cia/releases" title="GitHub Release">
<img src="https://img.shields.io/github/v/release/Hack23/cia" alt="GitHub Release" />
</a>
<a href="https://bestpractices.coreinfrastructure.org/projects/770" title="CII Best Practices">
<img src="https://bestpractices.coreinfrastructure.org/projects/770/badge" alt="CII Best Practices" />
</a>
<a href="https://scorecard.dev/viewer/?uri=github.com/Hack23/cia" title="OpenSSF Scorecard">
<img src="https://api.securityscorecards.dev/projects/github.com/Hack23/cia/badge" alt="OpenSSF Scorecard" />
</a>
<a href="https://slsa.dev/spec/v1.0/levels" title="SLSA Level 3">
<img src="https://slsa.dev/images/gh-badge-level3.svg" alt="SLSA 3" />
</a>
<a href="https://sonarcloud.io/summary/new_code?id=Hack23_cia" title="Quality Gate Status">
<img src="https://sonarcloud.io/api/project_badges/measure?project=Hack23_cia&metric=alert_status" alt="Quality Gate Status" />
</a>
<a href="https://sonarcloud.io/summary/new_code?id=Hack23_cia" title="Security Rating">
<img src="https://sonarcloud.io/api/project_badges/measure?project=Hack23_cia&metric=security_rating" alt="Security Rating" />
</a>
<a href="https://raw.githubusercontent.com/Hack23/cia/master/citizen-intelligence-agency/LICENSE.txt" title="License">
<img src="https://img.shields.io/github/license/Hack23/cia.svg" alt="License" />
</a>
</div>
<div class="app-link">
<a href="index.html" title="Back to Home">Home</a>
<a href="cia-compliance-manager-features.html" title="View Compliance Manager Features">Compliance Manager Features</a>
<a href="https://github.com/Hack23/cia" class="btn" title="View GitHub Repository">GitHub Repository</a>
</div>
</header>
<main>
<section id="features" class="feature-section">
<h2>Open Source Political Transparency Platform</h2>
<p>The <a href="https://github.com/Hack23/cia">Citizen Intelligence Agency (CIA) project</a> is a volunteer-driven, open-source platform focused on political transparency in Sweden. This document showcases screenshots illustrating high-level dashboards, critical scoreboards, and detailed analytics that illuminate political decision-making, resource allocation, and governance outcomes in Sweden's democratic institutions.</p>
</section>
<hr />
<h3 class="panel-caption">Analysis Categories</h3>
<ol>
<li><a href="#dashboard-and-scoreboard-views">Dashboard and Scoreboard Views</a></li>
<li><a href="#ministry-leaders-and-insights">Ministry Leaders and Insights</a></li>
<li><a href="#government-body-insights">Government Body Insights</a></li>
<li><a href="#party-and-parliament-insights">Party and Parliament Insights</a></li>
<li><a href="#decision-flow-and-risk-assessments">Decision Flow and Risk Assessments</a></li>
<li><a href="#committee-views">Committee Views</a></li>
<li><a href="#country-rankings-and-analysis">Country Rankings and Analysis</a></li>
<li><a href="#politician-profiles-and-analytics">Politician Profiles and Analytics</a></li>
<li><a href="#administrative-agency-views">Administrative Agency Views</a></li>
<li><a href="#agent-operation-views">Agent Operation Views</a></li>
<li><a href="#user-home-and-personal-dashboards">User Home and Personal Dashboards</a></li>
</ol>
<hr />
<section id="dashboard-and-scoreboard-views" class="feature-section">
<h3 class="panel-caption">Dashboard and Scoreboard Views</h3>
<div class="feature-description">
<h4 class="panel-caption">Central Monitoring Dashboard</h4>
<p>This comprehensive monitoring dashboard synthesizes political activity data streams, enabling users to identify patterns and trends in legislative behaviors. The visualization architecture employs multiple data dimensions to reveal correlations between political decisions and operational outcomes that would remain obscured in traditional reporting.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-dashboard-OVERVIEW-331.png" alt="Comprehensive monitoring dashboard showing political activity metrics and key performance indicators" loading="lazy">
<figcaption>Comprehensive monitoring dashboard providing multi-dimensional analysis of political activities and governance metrics</figcaption>
</figure>
</div>
<div class="feature-description">
<h4 class="panel-caption">Ministry Leadership Performance Analysis</h4>
<p>This analytical scorecard applies quantitative assessment methodologies to ministerial leadership, creating an evidence-based evaluation framework for governance effectiveness. By synthesizing performance metrics across multiple dimensions, this visualization enables comparative analysis of ministerial efficacy and accountability.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministryranking-CHARTS-CURRENTMINISTRIESLEADERSCORECARD-269.png" alt="Detailed scorecard measuring ministerial leadership performance across multiple governance dimensions" loading="lazy">
<figcaption>Multi-factor analysis of current ministry leadership performance using composite scoring methodology</figcaption>
</figure>
</div>
<div class="feature-description">
<h4 class="panel-caption">Political Party Leadership Effectiveness Index</h4>
<p>This comprehensive assessment framework evaluates party leadership performance through multiple analytical perspectives, producing a composite effectiveness index. The visualization demonstrates how leadership outcomes can be quantified through objective metrics, providing insights into governance capability across the political spectrum while identifying distinctive leadership approaches among different political entities.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-partyranking-CHARTS-CURRENTPARTYLEADERSCORECARD-194.png" alt="Comparative analysis of political party leadership effectiveness using standardized metrics" loading="lazy">
<figcaption>Comparative effectiveness analysis of current party leadership using standardized performance indicators</figcaption>
</figure>
</div>
<div class="feature-description">
<h4 class="panel-caption">Platform Overview Dashboard</h4>
<p>This executive-level dashboard provides a comprehensive system overview, integrating key metrics and access points for analytical capabilities. The interface architecture balances information density with navigational clarity, enabling rapid orientation and access to deeper analytical layers.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-main-OVERVIEW-101.png" alt="Executive dashboard providing comprehensive system overview and access to key analytical capabilities" loading="lazy">
<figcaption>Main dashboard providing a high-level overview of the project's key features</figcaption>
</figure>
</div>
<div class="feature-description">
<h4 class="panel-caption">Parliamentary Performance Analytics</h4>
<p>This analytical framework applies quantitative assessment methodologies to parliamentary activities, enabling objective comparison of legislative performance. The visualization synthesizes multiple performance dimensions to create a comprehensive evaluation system that transcends traditional subjective assessments.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-parliamentranking-OVERVIEW-166.png" alt="Comprehensive assessment of parliamentary performance using multiple analytical dimensions" loading="lazy">
<figcaption>Overview of parliamentary rankings and key legislative metrics</figcaption>
</figure>
</div>
</section>
<hr />
<section id="ministry-leaders-and-insights" class="feature-section">
<h3 class="panel-caption">Ministry Leaders and Insights</h3>
<div class="feature-description">
<h4 class="panel-caption">Ministerial Leadership and Resource Allocation Analysis</h4>
<p>This analytical suite provides comprehensive insights on ministerial governance structures, leadership networks, and resource utilization patterns. The visualizations reveal the interconnection between leadership appointment practices, political affiliation, and resource allocation priorities:</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministryranking-OVERVIEW-168.png" alt="Network analysis of ministerial leadership positions and political affiliations" loading="lazy">
<figcaption>Ranking of ministries based on performance and other criteria</figcaption>
</figure>
<h5>Expenditure Analysis</h5>
<p>Detailed analysis of expenditure patterns and financial prioritization across ministerial structures.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministryranking-GOVERNMENT_BODIES_EXPENDITURE-228.png" alt="Detailed breakdown of ministerial expenditure patterns and financial prioritization" loading="lazy">
<figcaption>Ministerial expenditure analysis revealing resource allocation priorities and spending patterns</figcaption>
</figure>
<h5>Revenue Analysis</h5>
<p>Analysis of revenue sources and financial structures across ministerial portfolios.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministryranking-GOVERNMENT_BODIES_INCOME-159.png" alt="Analysis of ministerial revenue sources and financial resourcing structures" loading="lazy">
<figcaption>Revenue source analysis revealing ministerial funding dependencies and financial structures</figcaption>
</figure>
<h5>Human Resource Distribution Analysis</h5>
<p>Evaluates organizational scale and staffing allocation across ministerial entities, enabling comparative assessment of administrative resource distribution.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministryranking-GOVERNMENT_BODIES_HEADCOUNT-98.png" alt="Comparative analysis of ministerial staffing levels and human resource allocation" loading="lazy">
<figcaption>Comparative staffing analysis revealing human resource distribution across ministerial structures</figcaption>
</figure>
<h5>Ministry Overview</h5>
<p>Comprehensive view of a specific ministry's structure and operations.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-ministry-OVERVIEW-N%C3%A4ringsdepartementet-253.png" alt="Overview of the Ministry of Enterprise and its key activities" loading="lazy">
<figcaption>Overview of the Ministry of Enterprise and its key activities</figcaption>
</figure>
</div>
</section>
<hr />
<section id="government-body-insights" class="feature-section">
<h3 class="panel-caption">Government Body Insights</h3>
<div class="feature-description">
<h4 class="panel-caption">Institutional Structure and Financial Operations Analysis</h4>
<p>This analytical framework provides deep insights on government institutional structures, financial operations, and resource utilization patterns. The visualization suite enables comprehensive assessment of organizational effectiveness, financial management practices, and resource allocation priorities:</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-governmentbody-OVERVIEW-202100-5026-244.png" alt="Detailed analysis of government body organizational structure and operational mandate" loading="lazy">
<figcaption>Overview of the government body's structure and functions</figcaption>
</figure>
<h5>Revenue Source Analysis</h5>
<p>Detailed mapping of financial inputs and funding dependencies.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-governmentbody-INCOME-202100-5026-131.png" alt="Comprehensive breakdown of government body funding sources and revenue streams" loading="lazy">
<figcaption>Income Sources</figcaption>
</figure>
<h5>Resource Allocation Analysis</h5>
<p>Detailed analysis of expenditure patterns revealing operational priorities and financial management practices.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-governmentbody-EXPENDITURE-202100-5026-328.png" alt="Detailed analysis of government body expenditure patterns and financial priorities" loading="lazy">
<figcaption>Expenditure Breakdown</figcaption>
</figure>
<h5>Government Body Rankings</h5>
<p>Comparative analysis of government bodies based on performance metrics.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-governmentbodyranking-OVERVIEW-169.png" alt="Ranking of government bodies based on various performance metrics" loading="lazy">
<figcaption>Ranking of government bodies based on various performance metrics</figcaption>
</figure>
</div>
</section>
<hr />
<section id="party-and-parliament-insights" class="feature-section">
<h3 class="panel-caption">Party and Parliament Insights</h3>
<div class="feature-description">
<h4 class="panel-caption">Political Organization Intelligence</h4>
<p>This analytical framework provides comprehensive insights on political party structures, leadership networks, and operational patterns. The visualization suite enables evidence-based assessment of party organization, membership dynamics, and influence mechanisms:</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-party-OVERVIEW-S-181.png" alt="Comprehensive analysis of political party structure, leadership networks and parliamentary presence" loading="lazy">
<figcaption>Overview of the political party's structure and activities</figcaption>
</figure>
<h4 class="panel-caption">Temporal Membership Pattern Analysis</h4>
<p>This historical analysis tool tracks membership fluctuation patterns over time, revealing organizational stability, growth trajectories, and potential response to political events. The visualization enables the identification of critical inflection points in party development and support base evolution.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-party-MEMBERHISTORY-S-100.png" alt="Temporal analysis of political party membership patterns and organizational development" loading="lazy">
<figcaption>Party Membership Trends</figcaption>
</figure>
<h4 class="panel-caption">Party Rankings</h4>
<p>Comparative analysis of political parties based on various performance metrics.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-partyranking-OVERVIEW-146.png" alt="Ranking of political parties based on various performance metrics" loading="lazy">
<figcaption>Ranking of political parties based on various performance metrics</figcaption>
</figure>
</div>
</section>
<hr />
<section id="decision-flow-and-risk-assessments" class="feature-section">
<h3 class="panel-caption">Decision Flow and Risk Assessments</h3>
<div class="feature-description">
<h4 class="panel-caption">Legislative Decision-Making</h4>
<p>This analytical feature maps out decision flows within parliamentary and committee structures, offering transparency into the legislative processes and outcomes.</p>
<h5>Recent Decision Flows</h5>
<p>Visualizes decision-making patterns within parliament for the latest legislative activities.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-parliamentranking-CHARTS-DECISION_FLOW_CHART-248.png" alt="Network analysis visualization of current legislative decision pathways and approval processes" loading="lazy">
<figcaption>Recent Decision Flow Chart</figcaption>
</figure>
<h5>Historical Decision Flows (2016-17)</h5>
<p>Explores decision-making trends during the 2016-17 period, highlighting pathways and legislative milestones.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-parliamentranking-CHARTS-DECISION_FLOW_CHART%5B2016-17%5D-230.png" alt="Comparative historical analysis of legislative decision structures from 2016-17 period" loading="lazy">
<figcaption>Historical Decision Flow Chart</figcaption>
</figure>
<h5>Risk Assessments</h5>
<p>Evaluates potential risks in parliamentary activities, promoting governance transparency and accountability.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-parliamentranking-RULES-RISK_SUMMARY-306.png" alt="Risk assessment summary for parliamentary activities" loading="lazy">
<figcaption>Parliamentary Risk Summary</figcaption>
</figure>
</div>
</section>
<hr />
<section id="committee-views" class="feature-section">
<h3 class="panel-caption">Committee Views</h3>
<div class="feature-description">
<p>This section focuses on parliamentary committee operations, providing detailed analysis of committee composition, decision patterns, and policy influence. The analytical framework reveals the critical role of committees in legislative development and policy governance.</p>
<h4 class="panel-caption">Committee Overview</h4>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-committee-OVERVIEW-UU-285.png" alt="Overview of the committee's activities and key metrics" loading="lazy">
<figcaption>Overview of the committee's activities and key metrics</figcaption>
</figure>
<h4 class="panel-caption">Committee Rankings</h4>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-committeeranking-OVERVIEW-226.png" alt="Ranking of committees based on performance and other criteria" loading="lazy">
<figcaption>Ranking of committees based on performance and other criteria</figcaption>
</figure>
<h4 class="panel-caption">Ballot Decision Summaries</h4>
<p>Transparent insights into key committee ballot decisions, offering trends in legislative actions.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-committee-BALLOTDECISIONSUMMARY-UU-154.png" alt="Committee ballot decisions summary" loading="lazy">
<figcaption>Committee Ballot Decisions</figcaption>
</figure>
<h4 class="panel-caption">Committee Decision-Making Flows</h4>
<p>A visual map of committee decision processes during the 2016-17 period, highlighting legislative pathways.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-committee-CHARTS-DECISION_FLOW_CHART-UU%5B2016-17%5D-245.png" alt="Committee decision flow visualization" loading="lazy">
<figcaption>Committee Decision Flow</figcaption>
</figure>
</div>
</section>
<hr />
<section id="country-rankings-and-analysis" class="feature-section">
<h3 class="panel-caption">Country Rankings and Analysis</h3>
<div class="feature-description">
<p>This comparative analysis framework enables cross-national analysis of governance metrics and performance indicators. The visualization suite facilitates benchmarking of national performance across multiple dimensions, providing context for domestic policy evaluation.</p>
<h4 class="panel-caption">IT Security Indicators</h4>
<p>An analysis of Sweden's IT security metrics, emphasizing its readiness to counter digital threats and infrastructure resilience.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-countryranking-INDICATORS-IT.NET.SECR.P6-149.png" alt="Country IT security indicators" loading="lazy">
<figcaption>Country IT Security Indicators</figcaption>
</figure>
<h4 class="panel-caption">Global Governance Rankings</h4>
<p>Sweden's ranking across governance quality, transparency, and economic indicators, compared globally.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-countryranking-OVERVIEW-329.png" alt="Global governance rankings" loading="lazy">
<figcaption>Global Governance Rankings</figcaption>
</figure>
</div>
</section>
<hr />
<section id="politician-profiles-and-analytics" class="feature-section">
<h3 class="panel-caption">Politician Profiles and Analytics</h3>
<div class="feature-description">
<p>This module provides comprehensive analytical profiles of individual political actors, integrating performance metrics, voting patterns, and role evolution over time. The framework enables evidence-based assessment of political efficacy and policy consistency.</p>
<h4 class="panel-caption">Legislative Contributions and Roles</h4>
<p>A detailed profile of a parliament member, including voting patterns and decision-making impact.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-politician-0103624617217-151.png" alt="Politician profile" loading="lazy">
<figcaption>Politician Profile</figcaption>
</figure>
<h4 class="panel-caption">Role Gantt Chart</h4>
<p>A timeline of a politician's roles and responsibilities, visualized for career trajectory insights.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-politician-ROLEGHANT-0218878014918-113.png" alt="Politician career timeline" loading="lazy">
<figcaption>Politician Career Timeline</figcaption>
</figure>
<h4 class="panel-caption">Politician Overview</h4>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-politician-OVERVIEW-0980681611418-164.png" alt="Detailed profile of a specific politician" loading="lazy">
<figcaption>Detailed profile of a specific politician, including their activities and performance</figcaption>
</figure>
<h4 class="panel-caption">Politician Rankings</h4>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-politicianranking-OVERVIEW-225.png" alt="Ranking of politicians based on their performance" loading="lazy">
<figcaption>Ranking of politicians based on their performance and other criteria</figcaption>
</figure>
</div>
</section>
<hr />
<section id="administrative-agency-views" class="feature-section">
<h3 class="panel-caption">Administrative Agency Views</h3>
<div class="feature-description">
<p>This analytical domain focuses on the operational patterns and performance of administrative agencies, providing insights on bureaucratic function and governance implementation. The visualization suite reveals the critical connection between policy development and operational execution.</p>
<h4 class="panel-caption">Agency Operations Overview</h4>
<p>An interface showcasing administrative agency performance, management efficiency, and specific operational insights.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-adminagency-52-70.png" alt="Administrative agency overview" loading="lazy">
<figcaption>Administrative Agency Overview</figcaption>
</figure>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-adminagency-69.png" alt="Administrative agency details" loading="lazy">
<figcaption>Administrative Agency Details</figcaption>
</figure>
</div>
</section>
<hr />
<section id="agent-operation-views" class="feature-section">
<h3 class="panel-caption">Agent Operation Views</h3>
<div class="feature-description">
<p>This module provides analytical frameworks for assessing operational activities within the system. The visualization capabilities enable performance monitoring, workload distribution analysis, and process efficiency evaluation.</p>
<h4 class="panel-caption">Operational Efficiency and Workflows</h4>
<p>A detailed view of agent activities, focusing on key performance indicators, workload management, and operational distribution.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-adminagentoperation-87.png" alt="Agent operation statistics" loading="lazy">
<figcaption>Agent Operation Statistics</figcaption>
</figure>
</div>
</section>
<hr />
<section id="user-home-and-personal-dashboards" class="feature-section">
<h3 class="panel-caption">User Home and Personal Dashboards</h3>
<div class="feature-description">
<p>This interface provides personalized analytical capabilities, enabling customized monitoring and tailored information feeds. The framework supports individual user requirements while maintaining system security and access control.</p>
<h4 class="panel-caption">Personalized Dashboard</h4>
<p>An interactive user dashboard summarizing recent activities and providing quick access to key features.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-userhome-108.png" alt="User home dashboard" loading="lazy">
<figcaption>User Home Dashboard</figcaption>
</figure>
<h4 class="panel-caption">Security Settings and Visit Logs</h4>
<p>Tools to manage account security and track user interactions for enhanced safety and transparency.</p>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-userhome-SECURITY_SETTINGS--110.png" alt="User security settings" loading="lazy">
<figcaption>User Security Settings</figcaption>
</figure>
<figure class="screenshot-container">
<div class="expand-hint">Click to expand</div>
<img src="https://hack23.com/screenshots/Page-userhome-USER_VISITS--202.png" alt="User visit history" loading="lazy">
<figcaption>User Visit History</figcaption>
</figure>
</div>
</section>
<hr />
<section class="feature-section">
<h3 class="panel-caption">Additional Information</h3>
<p>For comprehensive information on the Citizen Intelligence Agency project's analytical capabilities and methodological framework, please consult the following resources:</p>
<ul>
<li><a href="https://github.com/Hack23/cia">Project Repository and Technical Documentation</a></li>
<li><a href="https://hack23.com/">Official Project Website</a></li>
</ul>
<p>The CIA project is a volunteer-driven, open-source initiative applying advanced data analysis methodologies to democratic oversight. By leveraging sophisticated data visualization and analytical frameworks, the platform democratizes access to political performance assessment and governance evaluation.</p>
</section>
</main>
<div class="fullscreen-overlay" id="imageOverlay">
<img id="fullscreenImage" src="" alt="Fullscreen view">
<div class="fullscreen-caption" id="fullscreenCaption"></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const overlay = document.getElementById('imageOverlay');
const fullImg = document.getElementById('fullscreenImage');
const caption = document.getElementById('fullscreenCaption');
// For all screenshots, add click handler
document.querySelectorAll('.screenshot-container img').forEach(img => {
img.addEventListener('click', function() {
fullImg.src = this.src;
fullImg.alt = this.alt;
caption.textContent = this.nextElementSibling.textContent;
overlay.style.display = 'flex';
document.body.style.overflow = 'hidden';
});
// Add hover effect
img.addEventListener('mouseenter', function() {
this.style.transform = 'scale(1.02)';
});
img.addEventListener('mouseleave', function() {
this.style.transform = 'scale(1)';
});
});
// Close overlay on click
overlay.addEventListener('click', function() {
this.style.display = 'none';
document.body.style.overflow = 'auto';
});
});
</script>
<footer>
<p>© 2025 Citizen Intelligence Agency - Developed by <a href="https://hack23.com/">Hack23</a></p>
</footer>
</body>
</html>