Every Component in a Demo tide-pool Storybooked Component List storybook-tidepool
Tide-pool is a sandbox BRX project, built in Typescript 4.9 using React.
- The goal of this project is to re-implement GMRT MapTool ( try it out here) in the modern web development toolings below and further extend by integrating open source web gis technologies.
- I also included BlueTopo's Hi-Res TopoBathy data as a persistent layer on top GMRT data in a Globe View using CesiumJS.
- Some other modern iterations of public-facing applications/tools that utilize GMRT-like web maps and tools.
- Bedrock Ocean Exploration - Mission - Mosaic
- Seabed 2030 - Mission - BathyGlobe
- NOAA Digital Coast - Mission
Noteworthy Tooling Included:
- Vite - Build tool and dev server
- Jotai - Atomic approach to global React state management
- TailwindCSS - CSS utilities
- React-Map-GL - React Wrapper for Mapbox-GL
- Storybook
Original Tooling In GMRTMapTool:
- JQuery
- OpenLayers
- Google Maps
- Google Charts
Data and Metadata Provided by:
Global Multi-Resolution Topography Data Synthesis is a multi-resolutional compilation of edited multibeam sonar data collected by scientists and institutions worldwide, that is reviewed, processed and gridded by the GMRT Team and merged into a single continuously updated compilation of global elevation data. The synthesis began in 1992 as the Ridge Multibeam Synthesis (RMBS), was expanded to include multibeam bathymetry data from the Southern Ocean, and now includes bathymetry from throughout the global and coastal oceans.
Truly needs a lot of work done to be more presentable and code less hacky, so eventually this code will be refactored to somewhere else for something else...
The project requires Node 18 to be installed on your local machine, refer to npm for download instructions.
- Install project dependencies
npm install- Start the Dev Server
npm run devThe dev server will launch in your browser at localhost:4444 and will automatically reload as you make changes.
TODO
- Refactor Components and File Structure to Scream Underwater Topographic Data & Tools
- 3D Map Projection & Scene Rendering
- 2D Map Projection & Map Editor Tools
- OGC & REST Service Integration
