Gennaro, Mirko, Tommaso: CrewRadar

Gennaro Esposito, Mirko Bassani, Tommaso Stanga

CrewRadar is an elegant desktop application that transforms system monitoring into a team visual experience. Built with Electron, it creates real-time radar visualizations where crew members’ performance data syncs instantly across networks. The app displays CPU load, RAM usage, battery status, uptime, and mouse position as dynamic geometric forms, turning abstract system metrics into an intuitive, living artwork that connects your crew through shared digital presence.

GitHub repository

Real-time connection and synchronization - three members joining sequentially with live mouse movement

Axis hover - detailed metric comparison across CPU, RAM, battery, uptime, and mouse position axes

Visual Feature Documentation
These screenshots showcase the three core visualization states of CrewRadar, demonstrating crew connectivity, full team synchronization, and interactive performance analysis features.

Partial crew connectivity (left), full team synchronization (center), and crew CPU performance analysis (right)

Smooth Animation Interpolation System
This code creates the fluid, organic transitions that make CrewRadar feel alive. Using linear interpolation with a minimum threshold, it eliminates jittery updates while maintaining real-time responsiveness. The system smoothly transitions all 18 metrics across 3 members.

// Creates fluid transitions between current and target values
function lerp(start, end, factor) {
  if (Math.abs(end - start) < 0.1) return end;
  return start + (end - start) * factor;
}

setInterval(() => {
  personalCpuLoad = lerp(personalCpuLoad, targetPersonalData.cpuLoad, 0.3);
  personalRam = lerp(personalRam, targetPersonalData.ram, 0.3);
  // ... continues for all 18 metrics across 3 crew members
}, 40);