Global Heat Flow Database - Web Mapping Application

The Global Heat Flow Database - Web Map Application was developed as part of the World Heat Flow Database Project. Its primary objective is to provide easy, browser-based access to the Global Heat Flow Database (GHFDB) with minimal user effort. This application allows users to quickly explore heat flow data without the need to download or import it into a GIS.

Key Features:

• Instant Access: View the Global Heat Flow Database directly in the browser.
• Interactive Visualization: Provides an intuitive and interactive mapping interface to explore heat flow data.
• User-Friendly Interface: Built with a low barrier to entry, enabling users of all technical levels to explore global heat flow data effortlessly.

Technical Overview: The application is developed using the Vue.js JavaScript framework and leverages a range of well-established libraries, including:

• MapLibre for interactive mapping
• Pinia for internal state managment
• Plotly for data visualization
• Bootstrap for responsive UI components

And many others to provide a seamless and rich user experience.

The web application includes a variety of tools to explore and analyze the heat flow data, making it an essential resource for researchers and practitioners in geophysics and related fields.

Full technical documntation can be found here

Features

The Mapping Application offers a range of features to visualize and explore the GHFDB. Details about the implemented features and instructions for using them can be found here.

Participate

We welcome user contributions and feedback! If you encounter any bugs, please open a new issue.

Setup Web Map Application on your local machine

Clone repo

git clone https://github.com/ihfc-iugg/HeatFlowMapping.git
cd HeatFlowMapping/

Install depending packages

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

This runs the end-to-end tests against the Vite development server. It is much faster than the production build.

But it's still recommended to test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint

Compiles and minifies for production

npm run build
# run app local
serve -s dist

Credits

License