An interactive globe visualization showing the geographical distribution of InnerSource Foundation members across the world. The application features a 3D globe with highlighted countries where members are located, along with a detailed side panel showing member information organized by country.
- 🌐 Interactive 3D globe visualization
- 🎯 Country highlighting for member locations
- 📋 Organized member list by country
- 🔗 Social media links for members
- 🖱️ Click-to-zoom country navigation
- 📱 Responsive design
Visit https://innersourcecommons.github.io/innersourcerers-map/ to see the live application.
- Globe Visualization: Globe.gl
- Map Data: World Atlas TopoJSON
- Member Data: YAML
- Icons: Font Awesome
- Styling: Custom CSS
- Clone the repository:
git clone https://github.com/InnerSourceCommons/innersourcerers-map.git
cd innersourcerers-map- Start a local server:
# Using Python 3
python -m http.server 8000
# Using Python 2
python -m SimpleHTTPServer 8000
# Using Node.js
npx http-server- Open your browser and navigate to
http://localhost:8000
Member data is stored in data/members.yaml with the following structure:
members:
- name: "Member Name"
role: "Role Title"
area: "Country"
linkedin: "LinkedIn URL" # Optional
twitter: "Twitter URL" # Optional
website: "Website URL" # Optional- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the Apache License 2.0 - see the LICENSE file for details.
- Thanks to all InnerSource Foundation members for their contributions
- Globe.gl library for the amazing 3D globe visualization
- World Atlas for providing the geographical data