https://github.com/urayushjain/sde-dashboard
This Sustainable Development Dashboard provides real-time statistics on SDG progress, featuring rankings, scores, and performance trends for various goals, helping track efforts toward a greener, fairer future.
https://github.com/urayushjain/sde-dashboard
dashboard sustainable-development-goals
Last synced: 3 months ago
JSON representation
This Sustainable Development Dashboard provides real-time statistics on SDG progress, featuring rankings, scores, and performance trends for various goals, helping track efforts toward a greener, fairer future.
- Host: GitHub
- URL: https://github.com/urayushjain/sde-dashboard
- Owner: URAYUSHJAIN
- Created: 2024-10-22T11:53:23.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-11-15T09:08:57.000Z (7 months ago)
- Last Synced: 2025-02-03T04:26:46.204Z (5 months ago)
- Topics: dashboard, sustainable-development-goals
- Language: HTML
- Homepage: https://sdg-dashboard.netlify.app/
- Size: 46.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Sustainable Development Dashboard
This Sustainable Development Dashboard provides real-time statistics on SDG progress, featuring rankings, scores, and performance trends for various goals, helping track efforts toward a greener, fairer future.
### 🌐 Live Demo
Check out the live demo [here](https://sdg-dashboard.netlify.app/).
## 🚀 Features
- **Real-Time SDG Statistics**: Track global progress across all SDGs with up-to-date data.
- **Performance Trends**: View progress trends and performance data for each SDG goal.
- **Interactive Rankings**: Get insights into how different regions and countries are performing.
- **Responsive Design**: View and interact with the dashboard on any device.
- **Detailed Visualizations**: Rich charts and graphs for clear and comprehensive data understanding.
## 📂 Project Structure
```plaintext
├── index.html
├── style.css
├── app.js
├── charts.css
├── charts.html
├── icons/
├── README.md
```
## 🛠️ Technologies Used
- **HTML5**: For structuring the dashboard layout.
- **CSS3**: For styling and layout of the dashboard.
- **JavaScript**: For fetching real-time data and updating the dashboard.
- **Charts**: For displaying SDG data visually through graphs and charts.
## 💻 How to Use
1. **Visit the Website**: [Sustainable Development Dashboard](https://sdg-dashboard.netlify.app/)
2. **Explore SDG Data**: View real-time data and rankings for each SDG goal.
3. **Analyze Performance Trends**: Track how different regions are performing over time.
## 📦 Installation
1. Clone the repository:
```bash
git clone https://github.com/URAYUSHJAIN/sdg-dashboard.git
```
2. Open `index.html` in your browser to start exploring the dashboard.
## 🤝 Contributing
Contributions are welcome! Feel free to open issues or submit pull requests.
## 📝 License
This project is licensed under the [MIT License](LICENSE).
---
🌟 **Star this repository** if you found this project helpful! 😊