Global Development Insights

Know the data. Change the world.

Comment

Global Development Insights

Inspiration

The United Nations' Sustainable Development Goals represent humanity's commitment to ending poverty and hunger by 2030. However, these ambitious goals often feel abstract and distant. We were inspired to create a platform that makes this global challenge tangible and accessible—transforming complex datasets into compelling visualizations that tell the human story behind the statistics. With over 700 million people living in extreme poverty and 735 million facing hunger, I believe that transparency and awareness are the first steps toward meaningful action.

What it does

Global Development Insights is an interactive data visualization platform that tracks real-time progress on SDG 1 (No Poverty) and SDG 2 (Zero Hunger). The platform features:

  • Interactive World Map: Click any country to explore detailed poverty and hunger statistics
  • Live Counter: Real-time tracking of people affected by hunger worldwide
  • Comprehensive Data: Statistics on extreme poverty rates, food insecurity, malnutrition, and social protection coverage
  • Goal Tracking: Detailed breakdowns of SDG targets and indicators with progress metrics
  • Data Transparency: Complete documentation of data sources, methodologies, and limitations
  • Responsive Design: Seamless experience across desktop, tablet, and mobile devices

How I built it

Built Global Development Insights using modern web technologies optimized for performance and user experience:

  • Frontend Framework: Next.js 15 with React for server-side rendering and optimal performance
  • Styling: Tailwind CSS for responsive, mobile-first design
  • UI Components: Shadcn/ui for accessible, customizable component library
  • Interactive Maps: Leaflet with React-Leaflet for dynamic country-level data visualization
  • Data Source: United Nations SDG API providing official, real-time statistics
  • Geographic Data: GeoJSON country boundaries for accurate map rendering
  • TypeScript: Type-safe development for reliability and maintainability
  • Deployment: Optimized for edge computing with fast global access

Challenges I ran into

  1. Data Complexity: The UN SDG API has inconsistent data availability across countries and years. We had to implement robust error handling and gracefully communicate data gaps to users.

  2. Responsive Design: Ensuring complex data visualizations, long URLs, and interactive maps worked seamlessly on mobile devices required careful attention to overflow handling, text wrapping, and touch interactions.

  3. Performance: Loading and rendering geographic data for 195+ countries while maintaining fast page loads required optimization techniques like dynamic imports and efficient state management.

  4. Data Visualization Balance: Finding the right balance between showing comprehensive statistics and maintaining an approachable, non-overwhelming user experience.

  5. Mobile Map Interactions: Making the interactive map intuitive on touch devices while providing detailed information required multiple iterations on the UI/UX.

Accomplishments that I am proud of

  • Real Impact: Creating a platform that makes global development data accessible to anyone, from policymakers to students to concerned citizens
  • Visual Storytelling: Transforming dry statistics into compelling visuals that communicate the urgency and progress of fighting poverty and hunger
  • Performance: Achieving fast load times and smooth interactions despite complex data and visualizations
  • Accessibility: Building a fully responsive experience that works beautifully on any device
  • Data Transparency: Providing complete documentation of sources and methodologies, empowering users to understand and trust the data
  • Scalable Architecture: Creating a foundation that can easily expand to cover all 17 SDGs in the future

What I learned

  • Data Visualization: The importance of progressive disclosure—showing summary statistics first, then allowing users to drill down into details
  • UN Data Ecosystem: Deep understanding of how international organizations collect, standardize, and publish development indicators
  • Responsive Design: Advanced techniques for handling overflow, text wrapping, and component responsiveness across device sizes
  • User Empathy: How to present sobering statistics about poverty and hunger in a way that informs and motivates rather than overwhelms
  • API Integration: Working with real-world government APIs that have limitations, inconsistencies, and documentation challenges
  • Performance Optimization: Strategies for lazy loading, code splitting, and efficient rendering of data-heavy applications

What's next for Global Development Insights

  1. Expanded Coverage: Add tracking for all 17 SDGs, creating a comprehensive dashboard for the entire 2030 Agenda
  2. Historical Trends: Implement time-series visualizations showing progress over decades
  3. Comparative Analysis: Allow users to compare multiple countries side-by-side
  4. Data Export: Enable researchers and journalists to download filtered datasets
  5. Impact Stories: Integrate real human stories and case studies behind the statistics
  6. Alerts & Updates: Notify users about significant changes in global poverty and hunger metrics
  7. Multilingual Support: Translate the platform to reach global audiences
  8. Educational Resources: Lesson plans and materials for teachers to use in classrooms
  9. API Access: Provide our own simplified API for developers building poverty/hunger awareness tools

Built With

Share this project:

Updates