Inspired by the COVID-19 pandemic and the need to address global challenges, openfn-viz-3js is a project that uses Three.js and ThreeGlobe.js to create interactive 3D visualizations. This platform helps visualize data and the efforts of volunteers and organizations working on major issues like LGBTQ+ rights, healthcare, education, and environmental sustainability.
- 3D Visualizations: Interactive globes and data visualizations built with Three.js and ThreeGlobe.js.
- Real-Time Data Integration: Visualizations are updated with data from various sources (e.g., DHIS2, Google BigQuery).
- Global Impact Tracking: Showcase the efforts of organizations and volunteers working globally on key issues like healthcare, LGBTQ+ empowerment, and more.
- Customizable: Adapt the platform to your project's needs by modifying views, data sources, and interactive elements.
- Node.js (v12.x or above)
- npm (Node Package Manager)
-
Clone the repository:
git clone https://github.com/joshuamabina/openfn-viz-3js.git cd openfn-viz-3js -
Install dependencies:
npm install
-
Build and run the development server:
npm start
-
Open the app in your browser at
http://localhost:8080.
Explore data visualizations in real-time. Modify the backend data sources and visualizations as needed.
- Data Integration: Pull data from external systems (e.g., Google BigQuery, DHIS2).
- Enhance Interaction: Add features like clickable regions or tooltips.
- Visual Design: Customize 3D models and other visual elements.
- @babel/core: JavaScript transpiler for browser compatibility.
- three: 3D rendering library.
- three-globe: Plugin for creating 3D globe visualizations.
- webpack: Bundler and development server.
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a pull request.
MIT License - see the LICENSE file for details. Credit @janarosmonaliev.
