Command Palette
Search for a command to run...
Global Renewables Tracker
The Idea
Renewable energy is one of the most important challenges of our time — but the tools for understanding progress are outdated, text-heavy, and painfully boring. I wanted to build something better.
Global Renewables Tracker is the first project in a growing suite of interactive tools focused on clean energy and climate data. The goal? Make it easy — and actually enjoyable — to explore how countries are doing on everything from solar growth to long-term sustainability targets.
This first version focuses on visualising global progress with a clean, intuitive 3D interface that anyone can explore.
The Build
This project is built with TypeScript, Next.js 15, and the latest React 19 features. Styling is powered by Tailwind CSS, with full support for dark and light themes using next-themes. The entire setup runs client-side, with selective use of dynamic imports to optimise load times and improve performance.
The globe itself is rendered using react-globe.gl, loading geo-boundary data from a custom GeoJSON file and overlaying interactive country markers. Clicking on a country opens a side panel with live charts built using Recharts, visualising data like energy source breakdowns, yearly progress, innovation rankings, and future policy targets.
The app is structured using the new Next.js App Router and bootstrapped via create-next-app. Theme tokens, design logic, and component architecture are scalable — laying the foundation for a full platform of future tools.
What I Shipped
The live version includes:
• An interactive 3D globe with real-time country tagging
• A filterable sidebar with live-search country cards
• Clickable insights panel with charts and breakdowns
• Light and dark mode support
• Fully responsive design
• Accessible keyboard navigation and semantic markup
The experience is designed to feel native, visual-first, and focused — a clear departure from Excel sheets and academic PDFs.
The Outcome
Global Renewables Tracker is now live and publicly available — offering a fast, clean way to explore the world's renewable energy goals and performance.
It's already sparked ideas for future expansions, including regional calculators, emissions comparison tools, and industry-specific data overlays.
"I couldn't find any good tools for tracking renewable energy without digging through charts and PDFs. This is one place to see it all — clearly, visually, and interactively."
Final Thoughts
This is just the beginning. The Globe is the anchor — but I'm already building the next tool in the suite to make climate data more actionable for everyone.
