UNDP Accelerator Labs Alumni: Innovation Career Impact

A comprehensive data visualization website showcasing the career transformation and impact of UNDP Accelerator Labs alumni across 65 countries.

UNDP Accelerator Lab Alumni Website

🌟 Overview

This website presents a comprehensive analysis of 95 UNDP Accelerator Labs alumni, showcasing their remarkable career transformations and the lasting impact of innovation methodologies on their professional journeys. The site features interactive data visualizations, alumni profiles, and insights into how the Labs network has become a catalyst for career development in the sustainable development sector.

📊 Key Features

• Interactive Sankey Diagram: Visualizes career flow transitions from pre-Labs to post-Labs positions
• Comprehensive Statistics: Key metrics on alumni outcomes and geographic distribution
• Alumni Spotlight: Detailed profiles of innovation leaders across sectors
• Skills Impact Analysis: Breakdown of competencies developed through Labs experience
• Responsive Design: Optimized for desktop, tablet, and mobile viewing
• UNDP Brand Compliance: Follows official UNDP Design System guidelines

🎯 Key Statistics

• 95 Alumni Analyzed
• 65 Countries Represented
• 4.06/5 Innovation Relevance Score
• 95.5% Want Continued UNDP Engagement
• 28 International Relocations
• 60% Remained in Host Countries

🚀 Live Demo

Visit the live website: UNDP Alumni Impact Report

🛠️ Technology Stack

• HTML5: Semantic markup and structure
• CSS3: Modern styling with CSS Grid and Flexbox
• JavaScript (ES6+): Interactive functionality
• D3.js v7: Data visualization and Sankey diagrams
• Responsive Design: Mobile-first approach
• GitHub Pages: Static site hosting

📁 Project Structure

alumni-website/
├── index.html              # Main website file
├── README.md               # Project documentation
├── LICENSE                 # MIT License
└── assets/                 # (Optional) Additional assets
    ├── images/            # Image files
    └── data/              # Data files (if separated)

🎨 Design System

The website follows the official UNDP Design System:

Color Palette

• Primary Blue: #006EB5
• Secondary Colors: Green #00AC4F, Yellow #FFD100, Red #EE402D
• Neutral Grays: #212121 to #FAFAFA

Typography

• Primary Font: Proxima Nova
• Fallback: System fonts (Segoe UI, Roboto, sans-serif)

Components

• Responsive grid system
• Professional card layouts
• Interactive data visualizations
• Accessible navigation

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Basic understanding of HTML/CSS/JavaScript (for customization)

Installation

1. Clone the repository

   git clone https://github.com/UNDP-Accelerator-Labs/Alumni.git
   cd Alumni