Live Demo: https://global-development.vehbi.me/

Global Development Data Explorer

Welcome to the Global Development Data Explorer, a platform that provides access to global development indicators and country-specific data. Compare, analyze, and explore trends over time across various countries and regions.

Table of Contents

• Features
• Technologies
• Installation
• Usage
• Creators
• License

Features

• Explore by Indicator: Browse through global development indicators across countries and regions. Compare indicators and analyze trends over time.

• Explore by Country: Select individual countries to view their development indicators and trends. Analyze how a country is progressing.

• US Federal Spending Analysis: Dive into the US federal spending patterns, including budget allocations and financial distributions across different sectors.

• Historical Data Visualizations: View detailed historical data visualizations using line charts and heatmaps.

• Interactive World Map: Explore data on a global heatmap. Click on countries to view detailed information about them.

• Country Search & Filter: Easily search and filter countries by name. Compare multiple countries side by side.

Technologies

This project utilizes the following technologies:

• Frontend:

  • React.js
  • React Router
  • Recharts (for data visualization)
  • Lucide React (for icons)
  • Tailwind CSS (for styling)

• Backend API:

  • World Bank API for development indicators data.

Installation

To run this project locally:

1. Clone the repository:

git clone https://github.com/vehbiu/global-development-data.git
cd global-development-data

2. Install dependencies:

npm install

3. Run the development server:

npm start

4. Open the app:

Go to http://localhost:3000 to start exploring global development data.

Usage

Once the app is running, you can explore the following features:

1. Explore by Indicator

Browse development indicators across countries. View a list of available indicators and analyze trends over time.

2. Explore by Country

Select a country to view its development indicators. Search for countries by name and explore the available data.

3. US Federal Spending Analysis

Explore the US federal budget allocations and financial distributions across various sectors. Dive deep into US spending patterns.

4. Data Visualizations and Heatmaps

Interactive line charts and heatmaps visualize trends and indicator values globally. The heatmap shows the values for different countries, making it easy to compare data.

5. Historical Data

Access historical data and trends for any selected indicator. View data changes over time with interactive charts.

6. Layout Options

Switch between horizontal and vertical layouts for comparing multiple countries' data side by side.

Creators

This project was created by:

• Vehbi (GitHub)
• David (GitHub)
• Arya (GitHub)

We worked together to bring this project to life, combining our expertise to offer a comprehensive platform for exploring global development data.

License

This project is licensed under the MIT License.

---

Thanks for using the Global Development Data Explorer! We hope you enjoy exploring the data and trends across the world. 🌍📊