---

SCSE Globe

Interactive Data Globe for Bangor University School of Computer Science and Engineering

Built with Vite, React and TypeScript

Contents

• Globe Data
• API Keys
• Display Options
• Credits

Globe Data

Globe profile data should be included in src/datasets, public/avatars, and public/organisations. File format TBC.

API Keys

API keys are required for the following services:

• VITE_AISSTREAM_API_KEY - aisstream.io - Ship tracking (for the Prince Madog and Breeze)

Add .env.local in the route of the project with the keys you wish to activate.

URL Parameters for Display Options

• Append ?display=1 to disable multi-touch zoom, context menus, and cursors.
• Append ?theme=0|1 to specify initial theme. Light: 0, Dark: 1.
• Append ?hex=3|4 to specify globe hex resolution.
• Append ?notitle=1 to not render title screen.

Usage Example

http://localhost:3000?display=1&theme=1 will disable multi-touch zoom and load in dark mode

Credits

Special thanks to our fantastic alumni for contributing content for the alumni database.

• Globe.GL (source)
• Natural Earth Vector (source)
• FontFaceKit Roboto (source)

Created by Peter Butcher

XRealtity, Visualization, and Analytics Lab
School of Computer Science and Engineering
Bangor University

---