youngceo10/africa-ai-safety-landscape-tool

# AI Safety in Africa - Interactive Visualization An interactive data visualization project showcasing AI Safety metrics, governance frameworks, and regulatory landscapes across African nations. Built with Encode Justice brand identity and Swiss minimalist design principles. I believe this tool will help people curious about how Africa's AI Safety landscape looks like and how they could collaborate. ## 📊 Data Visualizations ### 1. RAI Index Scores Displays Responsible AI Index scores for 41 African countries using a 5-tier color scale: - **Very Low** (0-2): 10% Navy - **Low** (2-5): 25% Navy - **Medium** (5-10): 50% Navy - **High** (10-20): 75% Navy - **Very High** (20+): Full Navy ### 2. Data Protection Laws Shows legislative status across Africa: - **No Data**: 10% Navy (countries without identified legislation) - **Draft**: 40% Red (legislation in development) - **Enacted**: Full Red (active laws) ### 3. AI Strategy Indicates national AI strategy development: - **No Strategy**: 10% Navy - **Planning Phase**: 40% Red (strategies under development) - **Implemented**: Full Navy (active strategies) ## 🗂️ Project Structure ``` ai-safety-africa-visualizations/ ├── index.html # Main HTML structure ├── styles.css # Project design system & brand colors ├── data.js # All data structures and helper functions ├── map.js # Africa map SVG and map interactions ├── app.js # Main application logic and state management ├── README.md # Project documentation └── [dataset].csv # Source RAI Index data ``` ## 🚀 Getting Started ### Quick Start 1. Open `index.html` in a modern web browser 2. No build process or dependencies required - pure HTML/CSS/JS 3. All visualizations are client-side and interactive ### Browser Requirements - Modern browser with ES6 support (Chrome, Firefox, Safari, Edge) - JavaScript enabled - Recommended viewport: 1280px+ for optimal experience ## 🎯 Features ### Interactive Map - **Clic …