Skip to content

Commit e628f85

Browse files
agurvichagurvich
authored
Merge pull request #49 from WBDataDive/develop
Develop
2 parents 33f1bcf + 7ae49e1 commit e628f85

44 files changed

Lines changed: 24812 additions & 21 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎Team_Projects/JobsLens_AI/dashboard/POC/README.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# Dashboards
2+
3+
This folder contains interactive HTML dashboards for visualizing AI job displacement analysis.
4+
5+
## Files
6+
7+
- **dashboard_index.html** - Main dashboard index page with navigation and key findings
8+
- **dashboard_1_vulnerability_overview.html** - Vulnerability scores across countries
9+
- **dashboard_2_sector_analysis.html** - Employment by sector analysis
10+
- **dashboard_3_occupation_education.html** - Occupation risk and education analysis
11+
- **dashboard_4_country_comparison.html** - Interactive country comparisons
12+
13+
## Viewing the Dashboards
14+
15+
Open [dashboard_index.html](dashboard_index.html) in your web browser to access all dashboards.
16+
17+
From the root of the repository:
18+
```bash
19+
open dashboards/dashboard_index.html
20+
```
21+
22+
Or visit: [https://datacommunitydc.github.io/DataDive25/dashboards/dashboard_index.html](https://datacommunitydc.github.io/DataDive25/dashboards/dashboard_index.html)
23+
24+
## Features
25+
26+
All dashboards are fully interactive with:
27+
- Hover tooltips for detailed data
28+
- Zoom and pan capabilities
29+
- Legend filtering
30+
- Export to PNG functionality
31+
32+
## Data Source
33+
34+
Generated from World Bank I2D2 Database (2020-2021 surveys) covering 26 countries.

‎Team_Projects/JobsLens_AI/dashboard/POC/dashboard_1_vulnerability_overview.html‎

Lines changed: 3888 additions & 0 deletions
Large diffs are not rendered by default.

‎Team_Projects/JobsLens_AI/dashboard/POC/dashboard_2_sector_analysis.html‎

Lines changed: 3888 additions & 0 deletions
Large diffs are not rendered by default.

‎Team_Projects/JobsLens_AI/dashboard/POC/dashboard_3_occupation_education.html‎

Lines changed: 3888 additions & 0 deletions
Large diffs are not rendered by default.

‎Team_Projects/JobsLens_AI/dashboard/POC/dashboard_4_country_comparison.html‎

Lines changed: 3888 additions & 0 deletions
Large diffs are not rendered by default.

‎Team_Projects/JobsLens_AI/dashboard/POC/dashboard_index.html‎

Lines changed: 308 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,308 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>AI Job Displacement Analysis - Dashboard Index</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
}
13+
14+
body {
15+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
16+
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
17+
min-height: 100vh;
18+
padding: 20px;
19+
}
20+
21+
.container {
22+
max-width: 1400px;
23+
margin: 0 auto;
24+
}
25+
26+
header {
27+
background: white;
28+
border-radius: 15px;
29+
padding: 40px;
30+
margin-bottom: 30px;
31+
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
32+
}
33+
34+
h1 {
35+
color: #1f2937;
36+
font-size: 2.5em;
37+
margin-bottom: 10px;
38+
}
39+
40+
.subtitle {
41+
color: #6b7280;
42+
font-size: 1.1em;
43+
}
44+
45+
.dashboard-grid {
46+
display: grid;
47+
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
48+
gap: 25px;
49+
margin-bottom: 30px;
50+
}
51+
52+
.dashboard-card {
53+
background: white;
54+
border-radius: 15px;
55+
padding: 30px;
56+
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
57+
transition: transform 0.3s ease, box-shadow 0.3s ease;
58+
cursor: pointer;
59+
text-decoration: none;
60+
color: inherit;
61+
display: block;
62+
}
63+
64+
.dashboard-card:hover {
65+
transform: translateY(-5px);
66+
box-shadow: 0 15px 50px rgba(0,0,0,0.15);
67+
}
68+
69+
.dashboard-icon {
70+
font-size: 3em;
71+
margin-bottom: 15px;
72+
}
73+
74+
.dashboard-title {
75+
font-size: 1.5em;
76+
color: #1f2937;
77+
margin-bottom: 10px;
78+
font-weight: 600;
79+
}
80+
81+
.dashboard-desc {
82+
color: #6b7280;
83+
line-height: 1.6;
84+
}
85+
86+
.info-section {
87+
background: white;
88+
border-radius: 15px;
89+
padding: 30px;
90+
margin-bottom: 30px;
91+
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
92+
}
93+
94+
.info-section h2 {
95+
color: #1f2937;
96+
margin-bottom: 20px;
97+
font-size: 1.8em;
98+
}
99+
100+
.key-findings {
101+
display: grid;
102+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
103+
gap: 20px;
104+
margin-top: 20px;
105+
}
106+
107+
.finding-card {
108+
background: #f9fafb;
109+
border-left: 4px solid #ef4444;
110+
padding: 20px;
111+
border-radius: 8px;
112+
}
113+
114+
.finding-card.low-risk {
115+
border-left-color: #22c55e;
116+
}
117+
118+
.finding-card h3 {
119+
color: #1f2937;
120+
margin-bottom: 10px;
121+
font-size: 1.2em;
122+
}
123+
124+
.finding-card p {
125+
color: #6b7280;
126+
line-height: 1.6;
127+
}
128+
129+
.stat {
130+
font-size: 2em;
131+
font-weight: bold;
132+
color: #ef4444;
133+
margin: 10px 0;
134+
}
135+
136+
.stat.positive {
137+
color: #22c55e;
138+
}
139+
140+
footer {
141+
background: white;
142+
border-radius: 15px;
143+
padding: 20px;
144+
text-align: center;
145+
color: #6b7280;
146+
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
147+
}
148+
149+
.badge {
150+
display: inline-block;
151+
padding: 5px 12px;
152+
border-radius: 20px;
153+
font-size: 0.85em;
154+
font-weight: 600;
155+
margin-top: 10px;
156+
}
157+
158+
.badge.high-risk {
159+
background: #fee2e2;
160+
color: #dc2626;
161+
}
162+
163+
.badge.medium-risk {
164+
background: #fef3c7;
165+
color: #d97706;
166+
}
167+
168+
.badge.low-risk {
169+
background: #dcfce7;
170+
color: #16a34a;
171+
}
172+
</style>
173+
</head>
174+
<body>
175+
<div class="container">
176+
<header>
177+
<h1>🤖 AI Job Displacement Analysis</h1>
178+
<p class="subtitle">Interactive Dashboards | 2020-2025 Data | 26 Countries Analyzed</p>
179+
</header>
180+
181+
<div class="info-section">
182+
<h2>📊 Interactive Dashboards</h2>
183+
<p style="color: #6b7280; margin-bottom: 25px;">
184+
Click on any dashboard below to explore the data interactively. All charts are fully interactive with hover details, zoom capabilities, and filtering options.
185+
</p>
186+
187+
<div class="dashboard-grid">
188+
<a href="dashboard_1_vulnerability_overview.html" class="dashboard-card">
189+
<div class="dashboard-icon">🎯</div>
190+
<div class="dashboard-title">Dashboard 1: Vulnerability Overview</div>
191+
<div class="dashboard-desc">
192+
Comprehensive view of AI vulnerability scores across countries, analyzed by income level and high-risk sector concentration.
193+
</div>
194+
<span class="badge high-risk">High Priority</span>
195+
</a>
196+
197+
<a href="dashboard_2_sector_analysis.html" class="dashboard-card">
198+
<div class="dashboard-icon">🏭</div>
199+
<div class="dashboard-title">Dashboard 2: Sector Analysis</div>
200+
<div class="dashboard-desc">
201+
Detailed breakdown of employment by sector, comparing high-risk (manufacturing, retail) vs. low-risk (agriculture) sectors.
202+
</div>
203+
<span class="badge high-risk">Critical Insights</span>
204+
</a>
205+
206+
<a href="dashboard_3_occupation_education.html" class="dashboard-card">
207+
<div class="dashboard-icon">👥</div>
208+
<div class="dashboard-title">Dashboard 3: Occupation & Education</div>
209+
<div class="dashboard-desc">
210+
Analysis of occupation risk levels, education attainment, and employment types across countries.
211+
</div>
212+
<span class="badge medium-risk">Workforce Analysis</span>
213+
</a>
214+
215+
<a href="dashboard_4_country_comparison.html" class="dashboard-card">
216+
<div class="dashboard-icon">🌍</div>
217+
<div class="dashboard-title">Dashboard 4: Country Comparison</div>
218+
<div class="dashboard-desc">
219+
Interactive country-by-country comparison with dropdown menu to switch between different metrics and indicators.
220+
</div>
221+
<span class="badge low-risk">Comparison Tool</span>
222+
</a>
223+
</div>
224+
</div>
225+
226+
<div class="info-section">
227+
<h2>🔍 Key Findings</h2>
228+
<div class="key-findings">
229+
<div class="finding-card">
230+
<h3>Most Vulnerable Country</h3>
231+
<div class="stat">52.3%</div>
232+
<p><strong>Colombia</strong> has the highest concentration of high-risk jobs, with 30.8% in Commerce/Retail and 12.6% in Manufacturing.</p>
233+
</div>
234+
235+
<div class="finding-card low-risk">
236+
<h3>Least Vulnerable Country</h3>
237+
<div class="stat positive">67.5%</div>
238+
<p><strong>Pakistan</strong> is most protected with 67.5% in Agriculture, which is slower to automate.</p>
239+
</div>
240+
241+
<div class="finding-card">
242+
<h3>High-Risk Sectors</h3>
243+
<div class="stat">35-50%</div>
244+
<p>Of workforce in vulnerable countries is employed in <strong>easily automatable sectors</strong> (retail, manufacturing, transport).</p>
245+
</div>
246+
247+
<div class="finding-card">
248+
<h3>Commerce/Retail Risk</h3>
249+
<div class="stat">20.2%</div>
250+
<p>Average employment in Commerce/Retail across all countries. <strong>VERY HIGH RISK</strong> from self-checkout and e-commerce automation.</p>
251+
</div>
252+
253+
<div class="finding-card">
254+
<h3>Manufacturing Risk</h3>
255+
<div class="stat">9.9%</div>
256+
<p>Average manufacturing employment. <strong>VERY HIGH RISK</strong> from robotics and automated assembly lines.</p>
257+
</div>
258+
259+
<div class="finding-card low-risk">
260+
<h3>Agriculture Buffer</h3>
261+
<div class="stat positive">29.0%</div>
262+
<p>Average agricultural employment provides <strong>SHORT-TERM PROTECTION</strong> due to slower automation adoption.</p>
263+
</div>
264+
</div>
265+
</div>
266+
267+
<div class="info-section">
268+
<h2>📋 Top 5 Most Vulnerable Countries</h2>
269+
<ol style="color: #4b5563; line-height: 2; font-size: 1.1em; margin-left: 20px;">
270+
<li><strong>Colombia</strong> - 52.3% in high-risk sectors | Upper middle income | 15.4% unemployment</li>
271+
<li><strong>Bolivia</strong> - 47.4% in high-risk sectors | Lower middle income | 8.2% unemployment</li>
272+
<li><strong>Brazil</strong> - 44.6% in high-risk sectors | Upper middle income | 14.4% unemployment</li>
273+
<li><strong>Costa Rica</strong> - 44.0% in high-risk sectors | Upper middle income | 9.6% unemployment</li>
274+
<li><strong>Peru</strong> - 42.9% in high-risk sectors | Upper middle income | 4.9% unemployment</li>
275+
</ol>
276+
</div>
277+
278+
<div class="info-section">
279+
<h2>✅ Top 5 Least Vulnerable Countries</h2>
280+
<ol style="color: #4b5563; line-height: 2; font-size: 1.1em; margin-left: 20px;">
281+
<li><strong>Pakistan</strong> - 67.5% in agriculture | Lower middle income | High informal economy (89%)</li>
282+
<li><strong>Tanzania</strong> - 59.2% in agriculture | Low income | High informal economy (89%)</li>
283+
<li><strong>Rwanda</strong> - 56.5% in agriculture | Low income | Emerging economy focus</li>
284+
<li><strong>Gambia</strong> - 20.9% in agriculture | Low income | 70% self-employed</li>
285+
<li><strong>Ethiopia</strong> - 12.5% in agriculture | Low income | Developing manufacturing base</li>
286+
</ol>
287+
</div>
288+
289+
<div class="info-section">
290+
<h2>💡 How to Use These Dashboards</h2>
291+
<ul style="color: #4b5563; line-height: 2; margin-left: 20px;">
292+
<li><strong>Hover over charts</strong> to see detailed data for specific countries and metrics</li>
293+
<li><strong>Click and drag</strong> to zoom into specific regions of interest</li>
294+
<li><strong>Double-click</strong> to reset zoom to original view</li>
295+
<li><strong>Click legend items</strong> to show/hide specific data series</li>
296+
<li><strong>Use dropdown menus</strong> (Dashboard 4) to switch between different metrics</li>
297+
<li><strong>Download charts</strong> as PNG images using the camera icon in the top-right</li>
298+
</ul>
299+
</div>
300+
301+
<footer>
302+
<p><strong>Data Source:</strong> World Bank I2D2 Database (2020-2021 surveys)</p>
303+
<p><strong>Countries Analyzed:</strong> 26 countries with recent data (2020-2025)</p>
304+
<p><strong>Generated:</strong> December 2024</p>
305+
</footer>
306+
</div>
307+
</body>
308+
</html>

‎Team_Projects/JobsLens_AI/data/POC/Country Data Set.xlsx‎

32.4 KB
Binary file not shown.

‎Team_Projects/JobsLens_AI/data/POC/README.md‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
# Data
2+
3+
This folder contains all datasets used in the AI job displacement analysis.
4+
5+
## Structure
6+
7+
- **raw/** - Original source data files (Excel format)
8+
- **processed/** - Cleaned and processed datasets (generated by scripts)
9+
10+
## Raw Data Files
11+
12+
Located in `raw/`:
13+
14+
- **Country Data Set.xlsx** - Main World Bank I2D2 dataset
15+
- **join_database_w_definitions.xlsx** - Data dictionary and definitions
16+
- **most_recent_by_country_2020_2025.xlsx** - Filtered recent records (2020-2025)
17+
- **ai_impact_analysis_results.xlsx** - Analysis results
18+
- **country_sector_vulnerability.xlsx** - Country and sector vulnerability scores
19+
20+
## Data Source
21+
22+
World Bank International Income Distribution Database (I2D2)
23+
- Survey years: 2020-2021
24+
- Countries: 26 countries with recent data
25+
- Focus: Employment, education, occupation, and sector data
26+
27+
## Usage
28+
29+
Scripts in the `scripts/` folder read from `raw/` and may generate processed outputs.
30+
31+
## Data Dictionary
32+
33+
See `join_database_w_definitions.xlsx` for variable definitions and metadata.

‎Team_Projects/JobsLens_AI/data/POC/ai_impact_analysis_results.xlsx‎

8.11 KB
Binary file not shown.

‎Team_Projects/JobsLens_AI/data/POC/country_sector_vulnerability.xlsx‎

6.03 KB
Binary file not shown.

0 commit comments

Comments
 (0)