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/23/2025, 10:09:29 PM
lyuwng6w3f
production
104ms
2,724 req/s
99.9%

🔍 Raw JSON Data

{
  "timestamp": "2025-12-23T22:09:29.576Z",
  "serverTime": "12/23/2025, 10:09:29 PM",
  "metrics": {
    "cpuUsage": 15,
    "memoryUsage": 30,
    "networkIO": 739,
    "diskIO": 126,
    "activeConnections": 200,
    "requestsPerSecond": 508
  },
  "streams": [
    {
      "id": "stream-1",
      "name": "User Activity Stream",
      "status": "active",
      "dataPoints": [
        {
          "timestamp": "2025-12-23T22:09:20.576Z",
          "value": 76
        },
        {
          "timestamp": "2025-12-23T22:09:21.576Z",
          "value": 33
        },
        {
          "timestamp": "2025-12-23T22:09:22.576Z",
          "value": 34
        },
        {
          "timestamp": "2025-12-23T22:09:23.576Z",
          "value": 119
        },
        {
          "timestamp": "2025-12-23T22:09:24.576Z",
          "value": 98
        },
        {
          "timestamp": "2025-12-23T22:09:25.576Z",
          "value": 83
        },
        {
          "timestamp": "2025-12-23T22:09:26.576Z",
          "value": 107
        },
        {
          "timestamp": "2025-12-23T22:09:27.576Z",
          "value": 92
        },
        {
          "timestamp": "2025-12-23T22:09:28.576Z",
          "value": 49
        },
        {
          "timestamp": "2025-12-23T22:09:29.576Z",
          "value": 113
        }
      ]
    },
    {
      "id": "stream-2",
      "name": "Performance Metrics",
      "status": "active",
      "dataPoints": [
        {
          "timestamp": "2025-12-23T22:09:20.576Z",
          "value": 20
        },
        {
          "timestamp": "2025-12-23T22:09:21.576Z",
          "value": 57
        },
        {
          "timestamp": "2025-12-23T22:09:22.576Z",
          "value": 53
        },
        {
          "timestamp": "2025-12-23T22:09:23.576Z",
          "value": 31
        },
        {
          "timestamp": "2025-12-23T22:09:24.576Z",
          "value": 32
        },
        {
          "timestamp": "2025-12-23T22:09:25.576Z",
          "value": 31
        },
        {
          "timestamp": "2025-12-23T22:09:26.576Z",
          "value": 55
        },
        {
          "timestamp": "2025-12-23T22:09:27.576Z",
          "value": 41
        },
        {
          "timestamp": "2025-12-23T22:09:28.576Z",
          "value": 29
        },
        {
          "timestamp": "2025-12-23T22:09:29.576Z",
          "value": 15
        }
      ]
    },
    {
      "id": "stream-3",
      "name": "Error Rate Monitor",
      "status": "warning",
      "dataPoints": [
        {
          "timestamp": "2025-12-23T22:09:20.576Z",
          "value": 2
        },
        {
          "timestamp": "2025-12-23T22:09:21.576Z",
          "value": 2
        },
        {
          "timestamp": "2025-12-23T22:09:22.576Z",
          "value": 9
        },
        {
          "timestamp": "2025-12-23T22:09:23.576Z",
          "value": 3
        },
        {
          "timestamp": "2025-12-23T22:09:24.576Z",
          "value": 3
        },
        {
          "timestamp": "2025-12-23T22:09:25.576Z",
          "value": 2
        },
        {
          "timestamp": "2025-12-23T22:09:26.576Z",
          "value": 2
        },
        {
          "timestamp": "2025-12-23T22:09:27.576Z",
          "value": 1
        },
        {
          "timestamp": "2025-12-23T22:09:28.576Z",
          "value": 6
        },
        {
          "timestamp": "2025-12-23T22:09:29.576Z",
          "value": 6
        }
      ]
    }
  ],
  "events": [
    {
      "id": "event-1766527769577-1",
      "type": "info",
      "message": "New user connected from US-East",
      "timestamp": "2025-12-23T22:08:48.840Z"
    },
    {
      "id": "event-1766527769577-2",
      "type": "success",
      "message": "Database backup completed successfully",
      "timestamp": "2025-12-23T22:09:05.828Z"
    },
    {
      "id": "event-1766527769577-3",
      "type": "warning",
      "message": "High memory usage detected on server-2",
      "timestamp": "2025-12-23T22:07:12.391Z"
    },
    {
      "id": "event-1766527769577-4",
      "type": "error",
      "message": "Failed to connect to external API",
      "timestamp": "2025-12-23T22:08:22.056Z"
    }
  ],
  "systemStatus": {
    "overall": "healthy",
    "services": {
      "webServer": "healthy",
      "database": "warning",
      "cache": "healthy",
      "messageQueue": "healthy"
    }
  },
  "performance": {
    "responseTime": 104,
    "throughput": 2724,
    "errorRate": 4.448618463120755,
    "uptime": "99.9%"
  },
  "metadata": {
    "renderMode": "Streaming",
    "requestId": "lyuwng6w3f",
    "version": "1.0.0",
    "environment": "production"
  }
}