Scrolltelling story on Ghana’s fare segmentation using Mapbox
# How a 15% fare cut exposed Ghana’s commuter chaos
**Author:** Charles Sarpong Amponsah
**Project Type:** Scroll-driven visual story with Mapbox GL JS
**Live Version:** View the project here
**WordPress Embed:** Embedded version
---
## 🎯 Overview
In 2025, Ghana announced a 15% reduction in public transport fares. The decision was influenced by recent macroeconomic trends — particularly the sustained appreciation of the Ghanaian cedi against the US dollar, which contributed to a notable drop in fuel prices.
But on the ground, many commuters experienced something different: fare manipulation, unapproved route changes, and a broken enforcement system.
This scroll-driven visual story uses live satellite maps and interactive scrolling to expose the real cost of a fare cut that never reached many commuters.
---
## 🚍 What the Visualisation Shows
- A mapped journey from **Kasoa** to **Circle**, highlighting fare manipulation hotspots
- Sticky, animated Mapbox scenes that reveal:
- Where the announced fare cut was ignored
- How routes were unofficially shortened mid-journey
- Visual markers of every key bus stop along the route
- Field photography from major transport points
- An interactive journey where the map responds to the story
---
## 🧰 Tools & Technologies
- **Mapbox GL JS v2.15** for scroll-linked satellite visuals
- **Scrollama.js** for scroll-triggered transitions
- **HTML, CSS, JavaScript** for structure and animations
- **Live satellite maps** via Mapbox `satellite-v9` style
---
## 🔐 Access Token Safety
This project uses a **restricted Mapbox access token**, safely embedded in `config.js`.
To ensure security:
- The token is restricted by domain: `
ksarpongg.github.io`
- It has read-only scope: `styles:read`
- No secret tokens, write access, or user-specific permissions are exposed
🛠️ The project was developed locally — files were prepared on a local machine and then uploaded to GitHub.
A full-access `secrets.js` file (excluded from …