Nano Network Globe Visualization

Demo Video

720-desk.mov

xnohub-mobile.mov

Overview

Nano Network Globe Visualization is a web application that allows you to visualize the Nano network on a globe. It uses a custom websocket client to connect to the Nano network and receive real-time data. The data is then visualized on a globe using a custom 3D globe library.

Prerequisites

Before running the application, make sure you have pnpm installed. If you don't have pnpm, you can install it using npm:

npm install -g pnpm

Setup

Before running the application, you need to set up your environment variables:

1. Copy the .env.local.example file and rename it to .env.local:
2. Open the .env.local file and update the variables:
   • NEXT_PUBLIC_USE_SAMPLE_DATA: Set to true to use sample data for development, or false to use live data.
   • NEXT_PUBLIC_WS_URL: Set this to the Nano Websocket URL you want to connect to.

Example .env.local file:

NEXT_PUBLIC_USE_SAMPLE_DATA=false
NEXT_PUBLIC_WS_URL=wss://example-nano-node.com/ws

How to run

1. Clone the repository
2. Run pnpm install
3. Run pnpm dev

Production

1. Run pnpm build
2. Run pnpm start

License

This project is licensed under the MIT License. See the LICENSE file for more details.