Welcome to our internal community coding challenge! Build an interactive dashboard that visualizes and analyzes national growth metrics across cities worldwide.
"Decoding Development: A Data-Driven Dashboard for India Growth Metrics"
Every nation's progress depends not on one factor but on a blend of economic, social, and environmental indicators. Understanding this data holistically can drive better policy-making, awareness, and decision-making.
Design and develop an interactive data dashboard or application that visualizes and analyzes multiple national growth metrics for various cities. The platform should allow users to explore, compare, and interpret how different cities are performing across a comprehensive set of development indicators.
Your dashboard must collect and visualize the following metrics across cities:
Economic Indicators:
- GDP (Gross Domestic Product)
- GNI (Gross National Income)
- GDP per Capita
- Unemployment Rate
- Inflation Rate
- Foreign Direct Investment
- Export/Import Ratios
- Public Debt as % of GDP
Social Development:
- Human Development Index (HDI)
- Life Expectancy
- Infant Mortality Rate
- Literacy Rate
- Education Index
- Gender Inequality Index
- Population Growth Rate
- Urban Population %
Health & Well-being:
- Healthcare Expenditure per Capita
- Physicians per 1000 people
- Hospital Beds per 1000 people
- Access to Clean Water %
- Vaccination Coverage %
Environment & Sustainability:
- CO2 Emissions per Capita
- Renewable Energy %
- Forest Area %
- Air Quality Index
- Environmental Performance Index
Governance & Infrastructure:
- Corruption Perceptions Index
- Internet Penetration %
- Mobile Phone Subscriptions
- Infrastructure Quality Index
- Political Stability Index
Economic Equality:
- Gini Coefficient (Income Inequality)
- Poverty Rate
- Social Protection Coverage
- Multi-Cities Comparisons: Allow users to select and compare multiple cities simultaneously
- Time Series Analysis: Show growth/change over years (minimum 5-year span)
- Search & Filter: Enable city search and metric-based filtering
- Ranking System: Sort cities by individual metrics
- Interactive Visualizations:
- Bar charts, line graphs, scatter plots
- Heatmaps for regional comparisons
- Interactive world maps
- Correlation matrices
- Top 10 cities in HDI
- Regions with highest inequality (Gini)
- Cities with best healthcare systems
- Environmental leaders and laggards
- Custom insight generation based on user selections
- Responsive Design: Must work seamlessly on desktop, tablet, and mobile
- Performance: Fast loading and smooth interactions
- Accessibility: Follow WCAG guidelines for inclusive design
-
AI-Powered Analytics:
- Trend prediction for selected metrics
- Anomaly detection in city performance
- Correlation analysis between different indicators
-
Export Capabilities:
- Generate custom PDF reports
- Export data as CSV/Excel
- Share visualizations as images
-
Policy Insights:
- Display policy suggestions for underperforming cities
- Show success stories and best practices
- Highlight cities with similar profiles
-
Advanced Interactions:
- City clustering based on performance
- Scenario analysis ("What if" modeling)
- Goal tracking (e.g., SDG progress)
Your submission will be evaluated based on:
-
Data Accuracy & Completeness (25%)
- Correct implementation of all required metrics
- Data validation and error handling
- Use of reliable data sources
-
UI/UX Design and Interactivity (25%)
- Unique and innovative design ⭐ (Special emphasis)
- Intuitive user experience
- Smooth animations and transitions
- Mobile responsiveness
-
Functional Excellence (20%)
- All required features working properly
- Performance optimization
- Cross-browser compatibility
-
Code Quality & Documentation (15%)
- Clean, readable, and maintainable code
- Proper documentation and comments
- Good project structure
-
Innovation & Impact (15%)
- Creative features and insights
- Problem-solving approach
- Overall usefulness for target users
-
Star this repository
git clone https://github.com/Lets-code-with-us/Letscode-Community-Challenge-1.git
-
Build Your Solution
- Use any tech stack you prefer (React, Vue, Angular, Vanilla JS, Python, etc.)
- Implement all required features
- Focus on unique UI design and user experience
-
Create your github Repo
- Upload your source in the github repo and make it live.
-
Document Your Work
- Create a comprehensive README (see template below)
- Include demo link, screenshots, and setup instructions
- Highlight your unique features
-
Submit Your Entry
- Ensure all files are included in the github repo and demo link works
- And then fill this form(compulsory) - Submission form
-
Join the Discussion group for any doutbs
# [Your Project Name]
*Submitted by: [Your Name]*
## 🌟 Live Demo
🔗 **[View Live Demo](your-demo-link-here)**
## 📸 Screenshots
## 🛠️ Tech Stack
- Frontend: [e.g., React, Vue.js, Angular]
- Backend: [if applicable]
- Database: [if used]
- Visualization: [e.g., D3.js, Chart.js, Plotly]
- Deployment: [e.g., Vercel, Netlify, Heroku]
## ✨ Unique Features
- **[Feature 1]**: Brief description of what makes it special
- **[Feature 2]**: How it enhances user experience
- **[Feature 3]**: Technical innovation implemented
## 🚀 Getting Started
### Prerequisites
- Node.js (v14+)
- [Any other requirements]
### Installation
```bash
# Clone and navigate to project
cd submissions/[your-name]
# Install dependencies
npm install
# Start development server
npm start- Email: [email protected]
- Challenge Launch: 16 June 2025
- Submission Deadline: 22 June 2025
- Winner Announcement: 25 June 2025
- 1st Place: Winner Certificate + Goodies
- 2nd Place: Runnerup Certificate + Goodies
- 3rd Place: Runnerup Certificate + Goodies
- For Everybody: Participants Certificate
Q: Can I use external libraries and frameworks? A: Yes! Use any tech stack, libraries, or frameworks you're comfortable with.
Q: Do I need to implement all 30+ metrics? A: Yes, all required metrics should be included for full consideration.
Q: Can I work in a team? A: This is an individual challenge, but you can seek help and guidance from the community.
Q: What if I can't access certain data sources? A: Use mock data or alternative sources, but ensure data accuracy and mention this in your README.
- Community Discord: Link
- Challenge Discussion: GitHub Discussions Link
- WhatsApp group: Link
- Technical Help: Twitter
Ready to decode development and create insights that could impact how we understand global progress?
Fork this repo and start building! 🚀
Good luck to all participants! May the best dashboard win! 🏆
Check our website for placement resources - Lets Code