Overview

"The HOPR protocol relies on payment channels for the incentive layer of HOPR mixnet. Users need to see the topology of payment channels to make smart decisions to which other nodes they should open payment channels to. Being able to make smart decisions allows node operators to connect their node to other highly connected (and important) nodes and thereby relay a larger amount of packets - in order to increase their earnings for relaying packets."

Features

• HOPR Network Visualizer is an interactive dashboard that shows HOPR network topology as a directed graph.

• A user can learn more details about individual open payment channels by tapping on edges of the graph; they can learn more about HOPR nodes by tapping on nodes. All addresses link directly to the block explorer for convenience.

• A slider at the top can be used to see the snapshot of the network topology at any point in time (indexed by block height).

Tech stack

Event data gathering: web3.py with QuickNetwork Gnosis Chain node.

Graph datastructure construction and caching: TypeScript Express API.

Visualization: Dash Cytoscape.