Streaming Rendering

Streaming (Server-Side Streaming)

Demonstrates progressive content delivery where data is streamed from server to client in chunks.

📡 Data Streaming Progress

Streaming data from server...0%

📊 Received Data

12/08/2025, 06:53:22 PM
h5yh2b3ekw
production
67ms
2,322 req/s
99.9%

🔍 Raw JSON Data

{
  "timestamp": "2025-12-08T18:53:22.778Z",
  "serverTime": "12/08/2025, 06:53:22 PM",
  "metrics": {
    "cpuUsage": 13,
    "memoryUsage": 96,
    "networkIO": 143,
    "diskIO": 139,
    "activeConnections": 190,
    "requestsPerSecond": 1039
  },
  "streams": [
    {
      "id": "stream-1",
      "name": "User Activity Stream",
      "status": "active",
      "dataPoints": [
        {
          "timestamp": "2025-12-08T18:53:13.778Z",
          "value": 97
        },
        {
          "timestamp": "2025-12-08T18:53:14.778Z",
          "value": 23
        },
        {
          "timestamp": "2025-12-08T18:53:15.778Z",
          "value": 118
        },
        {
          "timestamp": "2025-12-08T18:53:16.778Z",
          "value": 34
        },
        {
          "timestamp": "2025-12-08T18:53:17.778Z",
          "value": 113
        },
        {
          "timestamp": "2025-12-08T18:53:18.778Z",
          "value": 113
        },
        {
          "timestamp": "2025-12-08T18:53:19.778Z",
          "value": 111
        },
        {
          "timestamp": "2025-12-08T18:53:20.778Z",
          "value": 50
        },
        {
          "timestamp": "2025-12-08T18:53:21.778Z",
          "value": 21
        },
        {
          "timestamp": "2025-12-08T18:53:22.778Z",
          "value": 49
        }
      ]
    },
    {
      "id": "stream-2",
      "name": "Performance Metrics",
      "status": "active",
      "dataPoints": [
        {
          "timestamp": "2025-12-08T18:53:13.778Z",
          "value": 16
        },
        {
          "timestamp": "2025-12-08T18:53:14.778Z",
          "value": 34
        },
        {
          "timestamp": "2025-12-08T18:53:15.778Z",
          "value": 10
        },
        {
          "timestamp": "2025-12-08T18:53:16.778Z",
          "value": 11
        },
        {
          "timestamp": "2025-12-08T18:53:17.778Z",
          "value": 36
        },
        {
          "timestamp": "2025-12-08T18:53:18.778Z",
          "value": 47
        },
        {
          "timestamp": "2025-12-08T18:53:19.778Z",
          "value": 59
        },
        {
          "timestamp": "2025-12-08T18:53:20.778Z",
          "value": 47
        },
        {
          "timestamp": "2025-12-08T18:53:21.778Z",
          "value": 58
        },
        {
          "timestamp": "2025-12-08T18:53:22.778Z",
          "value": 46
        }
      ]
    },
    {
      "id": "stream-3",
      "name": "Error Rate Monitor",
      "status": "warning",
      "dataPoints": [
        {
          "timestamp": "2025-12-08T18:53:13.778Z",
          "value": 4
        },
        {
          "timestamp": "2025-12-08T18:53:14.778Z",
          "value": 7
        },
        {
          "timestamp": "2025-12-08T18:53:15.778Z",
          "value": 9
        },
        {
          "timestamp": "2025-12-08T18:53:16.778Z",
          "value": 7
        },
        {
          "timestamp": "2025-12-08T18:53:17.778Z",
          "value": 4
        },
        {
          "timestamp": "2025-12-08T18:53:18.778Z",
          "value": 4
        },
        {
          "timestamp": "2025-12-08T18:53:19.778Z",
          "value": 2
        },
        {
          "timestamp": "2025-12-08T18:53:20.778Z",
          "value": 7
        },
        {
          "timestamp": "2025-12-08T18:53:21.778Z",
          "value": 8
        },
        {
          "timestamp": "2025-12-08T18:53:22.778Z",
          "value": 8
        }
      ]
    }
  ],
  "events": [
    {
      "id": "event-1765220002779-1",
      "type": "info",
      "message": "New user connected from US-East",
      "timestamp": "2025-12-08T18:52:31.062Z"
    },
    {
      "id": "event-1765220002779-2",
      "type": "success",
      "message": "Database backup completed successfully",
      "timestamp": "2025-12-08T18:52:00.440Z"
    },
    {
      "id": "event-1765220002779-3",
      "type": "warning",
      "message": "High memory usage detected on server-2",
      "timestamp": "2025-12-08T18:52:48.773Z"
    },
    {
      "id": "event-1765220002779-4",
      "type": "error",
      "message": "Failed to connect to external API",
      "timestamp": "2025-12-08T18:49:30.289Z"
    }
  ],
  "systemStatus": {
    "overall": "healthy",
    "services": {
      "webServer": "error",
      "database": "healthy",
      "cache": "healthy",
      "messageQueue": "warning"
    }
  },
  "performance": {
    "responseTime": 67,
    "throughput": 2322,
    "errorRate": 4.257881068904781,
    "uptime": "99.9%"
  },
  "metadata": {
    "renderMode": "Streaming",
    "requestId": "h5yh2b3ekw",
    "version": "1.0.0",
    "environment": "production"
  }
}