Back to Dashboard

Documentation

Xandeum LATTICE

v2.0LATTICE / Blueprint Design

Overview

Xandeum LATTICE is a professional-grade analytics dashboard for monitoring Xandeum pNodes. It features a clean, modern design with real-time data visualization and comprehensive metric transparency.

Transparent Metrics

Every score shows WHY it has that value with detailed formula explanations

Time-Series Chart

24-hour health trend visualization with annotations

Risk Detection

Per-node risk assessment with warning/critical badges and detailed reasons

Last Seen Tracking

Persistent tracking of when offline nodes were last online

Events Feed

Real-time feed of node online/offline/version events

Demo Mode

Showcase features with simulated data (?demo=true)

Demo Mode

The dashboard includes a demo mode for showcasing features to judges and stakeholders. Demo mode loads synthetic data that demonstrates all analytics capabilities.

How to Enable

Add ?demo=true to the URL

Example: https://your-domain.com/?demo=true

Demo includes:

  • 20 synthetic nodes with varied health states
  • 12 healthy, 4 warning, 4 critical nodes
  • 24 hours of historical trend data with realistic patterns
  • Sample events (offline/online/version changes)
  • Geographic distribution across 12 countries

Layout Structure

The dashboard uses a 3-column responsive layout that adapts to different screen sizes:

┌─────────────────────────────────────────────────────────┐
│  HEADER: Logo | Network Selector  | Refresh | Theme     │
├─────────────────────────────────────────────────────────┤
│  OVERVIEW: Health Gauge | Metric Cards (4 stats)        │
├─────────────────────────────────────────────────────────┤
│  Column 1     │  Column 2         │  Column 3           │
│  Node List    │  World Map        │  Node Details       │
│  (cards)      │  Version Chart    │  Events Feed        │
│               │                   │                     │
└─────────────────────────────────────────────────────────┘

Desktop: 3 columns side by side

Tablet: 2 columns, details below

Mobile: Single column, stacked vertically

Network Health Score

The circular health gauge displays a composite score (0-100) based on three weighted factors. Hover over any breakdown bar to see the exact formula and current values.

40%

Availability

Formula: (online nodes / total nodes) × 100

35%

Version Health

Formula: (% on latest version) - fragmentation penalty

25%

Distribution

Formula: 100 - (max regional concentration × 100)

Metric Transparency

Click "View Score Details" below the gauge to see the full breakdown including exact formulas, current values, and contribution to the total score.

Healthy

≥ 80

Warning

50-79

Critical

< 50

Threshold Reference

Every threshold in the dashboard is carefully chosen based on industry best practices for distributed systems monitoring. Here's the complete reference with rationale.

Network Health Score Thresholds

StatusScore RangeRationale
Healthy≥ 80Network meets or exceeds production standards. High availability, good version adoption, reasonable geographic distribution.
Warning50-79Network functional but has issues requiring attention. May have degraded availability, version fragmentation, or concentration risks.
Critical< 50Network has significant issues. Multiple nodes offline, severe version fragmentation, or single point of failure risks.

Version Health Detection

Latest version is determined by majority consensus (most nodes = current version). This prevents a single node on a newer version from falsely flagging the entire network.

ConditionRisk LevelRationale
On current versionHealthyNo version-related risk
1 minor version behindWarning (Old Ver)May miss bug fixes or optimizations. Operator should plan upgrade.
2+ minor or 1+ major behindCriticalPotentially incompatible. May have security issues. Urgent upgrade needed.

Node Risk Level Thresholds

Risk scores are cumulative. Each issue adds points. Multiple issues compound.

Risk LevelScore RangeTypical Causes
Healthy0-24Online, current version, stable uptime. May have minor low-severity issues.
Warning25-49Outdated version (+25), low uptime 50-80% (+25), or recent offline event (+25).
Critical50+Offline (+30), very outdated (+40), very low uptime <50% (+40), or flapping (+40).

Uptime Thresholds

Uptime %StatusRationale
≥ 90%ExcellentMeets production SLA standards (allows for brief maintenance windows)
80-89%GoodAcceptable for non-critical infrastructure
50-79%LowNode is unreliable. Adds +25 risk points (medium severity)
< 50%Very LowNode is more offline than online. Adds +40 risk points (high severity)

Time-Series Analytics

The "Network Health Over Time" chart shows how health scores and online node counts change throughout the day. This helps identify patterns, incidents, and recovery trends.

Chart Features:

  • Time range toggles: 1 hour, 6 hours, 24 hours
  • Gradient area fill showing health score (0-100)
  • Reference lines at 80 (healthy) and 50 (warning) thresholds
  • Hover tooltip with score, status, and online node count
  • Change indicator showing trend since start of period
  • Stats bar with average, minimum, and maximum values

Data Retention: Historical data is stored in localStorage and persists across page refreshes (24-hour retention). New data points are added every minute.

Node List

Nodes are displayed as interactive cards (not a table) showing:

  • Node ID with copy-to-clipboard button
  • Gossip/RPC address
  • Country flag and location (from IP geolocation)
  • Status badge (Online/Offline)
  • Session uptime percentage

A colored bar on the left edge indicates status (green=online, red=offline).

Risk Detection

The analytics engine assesses each node for potential issues. Risk badges show detailed tooltips explaining exactly why a node is flagged.

+40

Very Outdated Version

2+ minor versions behind the latest (high severity)

+40

Very Low Uptime

Session uptime below 50% (high severity)

+40

Long Offline

Node offline for more than 1 hour (high severity)

+40

Flapping

3+ state changes in the last hour (high severity)

+25

Outdated Version

Not on the latest version (medium severity)

+25

Low Uptime

Session uptime between 50-80% (medium severity)

+25

Recent Offline

Went offline in the last hour (medium severity)

+30

Currently Offline

Node is currently not responding

Risk Level Thresholds

Risk scores are cumulative. A node with multiple issues will have a higher score.

Healthy

0-24 points

Warning

25-49 points

Critical

50+ points

Key Insights

The dashboard generates actionable insights based on network state:

Version upgrade recommended - X nodes on older versions
Full network availability - all nodes online
Reduced availability - only X% of nodes online

Insights are prioritized by importance and include specific actions operators can take.

Events & Notifications

Real-time tracking of node status changes with a dedicated Events tab in the Insights panel:

Node came online
Node went offline
Node updated version (shows old → new)

Events Panel

Switch between "Insights" and "Events" tabs in the Insights card to see the last 5 node events with timestamps. Events are used for flapping detection and risk analysis.

Toast notifications appear for important events. Events persist during the session and contribute to risk scoring.

Node Tracking

The dashboard tracks when each node was first observed and last seen online. This enables "last seen" indicators for offline nodes.

Tracking Data (per node):

  • First Seen: When the node first appeared in the network
  • Last Seen: Last time the node was online
  • Last Status: Current online/offline state

Persistence: Tracking data is stored in localStorage with 24-hour retention. Nodes not seen for 24+ hours are automatically removed.

Offline nodes show "seen Xh ago" in the node list. Nodes offline for more than 1 hour trigger the "long_offline" risk factor.

Theme Toggle

The dashboard defaults to a light "observatory" theme but includes a dark mode toggle in the header. Your preference is saved.

Light Theme

Clean, professional look with subtle shadows

Dark Theme

Reduced eye strain for extended monitoring

Network Comparison

The "Compare Networks" view shows Xandeum alongside Solana statistics for context. Xandeum data is live; Solana data is static (approximate).

Note: The comparison helps visualize growth potential. As Xandeum matures, these metrics will show network progress.

Configuration

Network Selection

Use the dropdown in the header. Currently active: Devnet. Testnet and Mainnet will be enabled when available.

Refresh Interval

Choose 15s, 30s, 60s, or Manual. Settings persist in localStorage.

Environment Variables

# .env.local

XANDEUM_RPC_ENDPOINT=https://your-endpoint.com

Deployment

# Clone & install

git clone https://github.com/tanayyo1/Xandeum-LATTICE.git

cd Xandeum-LATTICE && bun install

# Development

bun dev

# Production

bun run build && bun start

Tech Stack

Next.js 16

Framework

React 19

UI

TypeScript

Language

Tailwind CSS

Styling

Recharts

Charts

react-simple-maps

Maps

Sonner

Toasts

Bun

Runtime

How This Helps Xandeum

👁️

Operator Visibility

Monitor cluster health and quickly identify issues

🌍

Decentralization

Geographic distribution helps assess network resilience

📊

Performance

Track uptime and version adoption across nodes

📈

Growth Metrics

Compare with established networks to show progress