An interactive visualization tool for analyzing data gaps across aquatic food systems using the FishBase database. The tool focuses on data coverage across different categories for countries worldwide.
- Interactive globe visualization with country data
- Dark/Light mode support
- Data analysis panel with:
- Category selection
- Country-specific analysis
- Comparative visualizations
- Similar countries identification
- Responsive design for mobile and desktop
- Node.js (v14 or higher)
- npm (v6 or higher)
- A Mapbox account and access token
Create a .env file in the root directory with:
REACT_APP_MAPBOX_TOKEN=your_mapbox_token_here
-
Install dependencies:
npm install
-
Start development server:
npm start
The app will be available at http://localhost:3000
- Fork or clone this repository
- Connect your GitHub repository to Vercel
- Add the environment variable in Vercel:
- Name:
REACT_APP_MAPBOX_TOKEN - Value: Your Mapbox access token
- Name:
- Deploy!
The visualization uses a JSON data structure where each country has coverage percentages across different categories:
- Conservation
- Distribution
- Human uses
- Human-related
- Population dynamics
- Reproduction
- Species
- Trophic ecology
MIT