System Performance Analyzer

A professional-grade web application for analyzing server performance logs with real-time visualizations and anomaly detection.

🎯 Project Overview

This is a single-page web application that demonstrates:

• Data Processing: CSV/JSON log file parsing
• Visualization: Interactive charts using Chart.js
• Anomaly Detection: Statistical analysis to identify performance issues
• UI/UX Design: Modern, responsive interface with custom styling
• Real-world Application: Solves actual IT monitoring needs

🚀 Features

Core Functionality

• File Upload: Drag-and-drop or click to upload CSV/JSON server logs
• Sample Data: Built-in demo data generator for immediate testing
• Real-time Metrics: 6 key performance indicators displayed as cards
• Interactive Charts: 4 different chart types showing various metrics
• Anomaly Detection: Automated detection using statistical analysis (2σ threshold)
• Data Export: Download analyzed data and generate reports

📊 Expected Data Format

CSV Format

timestamp,cpu_usage,memory_usage,disk_io,network_traffic,response_time
2024-02-16T08:00:00Z,45.2,62.3,45,120,95
2024-02-16T08:01:00Z,48.1,63.8,52,135,102

JSON Format

[
  {
    "timestamp": "2024-02-16T08:00:00Z",
    "cpu_usage": 45.2,
    "memory_usage": 62.3,
    "disk_io": 45,
    "network_traffic": 120,
    "response_time": 95
  }
]

Testing with Sample Data

The included sample-server-logs.csv contains realistic server metrics with:

• Normal baseline performance
• 2 CPU spike anomalies
• 2 Memory spike anomalies
• Various network traffic patterns

Creating Your Own Data

Your log files should include these columns:

• timestamp: ISO 8601 format (e.g., 2024-02-16T08:00:00Z)
• cpu_usage: Percentage (0-100)
• memory_usage: Percentage (0-100)
• disk_io: Operations per second
• network_traffic: MB/s
• response_time: Milliseconds