Add Interactive Global Impact Map Feature

[NagasaiPraneeth]

Feature Overview

Add an interactive world map that visualizes Sugar Labs' global impact, showing deployments across different countries with statistics and success stories.

Purpose

This feature will:

• Showcase the global reach of Sugar Labs projects
• Provide quantitative data on students reached and deployments
• Share success stories from different regions
• Help potential donors, partners, and users understand our impact

Implementation Details

New Files to Create:

1. impact-map.html - Main page for the feature
2. css/impact-map.css - Styling for the map and related elements
3. js/impact-map.js - JavaScript functionality for the interactive map
4. assets/images/impact-map/ - Directory for deployment images
5. assets/images/impact-map/README.md - Documentation for image requirements

Modifications to Existing Files

1. _includes/nav.html - Add link to Impact Map in the About dropdown menu
2. _layouts/base.html - Include the impact-map.css file
3. sitemap.txt - Add the new page to the sitemap

Technical Requirements

• Uses Leaflet.js for the interactive map (open-source JavaScript library)
• Responsive design that works on mobile and desktop
• Accessible to screen readers
• Follows existing site styling conventions

Feature Components

1. Interactive Map

• World map with markers for each deployment location
• Popup information when clicking on markers
• Filtering options (National/Regional/School deployments)

2.Impact Statistics

• Number of countries reached
• Total students impacted
• Number of deployments
• Animated counters for visual appeal

3.Success Stories Section

• Featured success story that updates when clicking on map locations
• Images from deployments
• Testimonials and impact descriptions

expected feature:

[NagasaiPraneeth]

@pikurasa
To populate this map with accurate information, I'm requesting the following data for each significant Sugar Labs deployment:

• Country/Region name
• Number of deployments in the region
• Approximate number of students reached
• Year the deployment started
• Type of deployment (National, Regional, or School-level)
• Brief description of the deployment (1-2 sentences)
• A success story or impact statement (1-2 paragraphs)
• Any notable achievements or outcomes

[pikurasa]

It'll be really hard to find accurate information for this now, as well as to keep it accurate in the future.

I don't think we can prioritize this now, although it's an interesting idea.

[pikurasa]

I found this information (https://wiki.sugarlabs.org/go/Deployment_Team/Places), but it is outdated.

[NagasaiPraneeth]

I found this information (https://wiki.sugarlabs.org/go/Deployment_Team/Places), but it is outdated.

Should I implement the feature, or should I stop working on it for now?

[pikurasa]

@NagasaiPraneeth perhaps you should join https://matrix.to/#/#sugarlabs-web:matrix.org, which is where the conversation is happening in terms of current priorities.