Sample Output for Healthcare IoT
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Health Monitor</title> <style> body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; background-color: #f4f4f4; } .container { max-width: 1000px; margin: auto; overflow: hidden; padding: 0 20px; } h1 { text-align: center; color: #333; } .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; padding: 20px 0; } .card { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .card h2 { margin-top: 0; color: #333; } .value { font-size: 24px; font-weight: bold; color: #007bff; } .unit { font-size: 14px; color: #666; } .update-time { text-align: center; color: #666; font-size: 14px; margin-top: 20px; } </style> </head> <body> <div class="container"> <h1>Health Monitor</h1> <div class="grid" id="parameterGrid"></div> <p class="update-time" id="lastUpdated"></p> </div> <script> const parameters = [ { name: 'Temperature', value: 36.5, unit: '°C' }, { name: 'Blood Pressure', value: '120/80', unit: 'mmHg' }, { name: 'Heart Rate', value: 72, unit: 'bpm' }, { name: 'Oxygen Saturation', value: 98, unit: '%' }, { name: 'ECG', value: 'Normal', unit: '' }, { name: 'PPG', value: 'Regular', unit: '' } ]; function createParameterCard(param) { return ` <div class="card"> <h2>${param.name}</h2> <div class="value">${param.value}<span class="unit">${param.unit}</span></div> </div> `; } function updateDisplay() { const grid = document.getElementById('parameterGrid'); grid.innerHTML = parameters.map(createParameterCard).join(''); const now = new Date(); document.getElementById('lastUpdated').textContent = `Data from wrist band | Last updated: ${now.toLocaleTimeString()}`; } // Initial display updateDisplay(); // Update every 5 minutes (300000 milliseconds) setInterval(updateDisplay, 300000); </script> </body> </html>
==
Backend
{ "patient_id": "12345", "start_time": "2024-06-26T00:00:00", "end_time": "2024-06-26T12:00:00", "data": [ { "timestamp": "2024-06-26T00:30:00", "temperature": 36.6, "blood_pressure": { "systolic": 118, "diastolic": 78, "pulse_rate": 68 }, "oxygen_saturation": 97, "ecg": [1.0, 1.1, 0.9, 1.0, 1.2, 0.8, 1.1, 1.0], "ppg": [0.5, 0.6, 0.4, 0.5, 0.7, 0.3, 0.6, 0.5] }, { "timestamp": "2024-06-26T03:30:00", "temperature": 36.5, "blood_pressure": { "systolic": 115, "diastolic": 75, "pulse_rate": 62 }, "oxygen_saturation": 98, "ecg": [1.1, 1.2, 0.8, 1.1, 1.3, 0.7, 1.2, 1.1], "ppg": [0.6, 0.7, 0.3, 0.6, 0.8, 0.2, 0.7, 0.6] }, { "timestamp": "2024-06-26T06:30:00", "temperature": 36.7, "blood_pressure": { "systolic": 120, "diastolic": 80, "pulse_rate": 70 }, "oxygen_saturation": 99, "ecg": [1.0, 1.1, 0.9, 1.0, 1.2, 0.8, 1.1, 1.0], "ppg": [0.5, 0.6, 0.4, 0.5, 0.7, 0.3, 0.6, 0.5] }, { "timestamp": "2024-06-26T09:30:00", "temperature": 36.8, "blood_pressure": { "systolic": 122, "diastolic": 82, "pulse_rate": 75 }, "oxygen_saturation": 98, "ecg": [0.9, 1.0, 1.2, 0.8, 1.1, 1.3, 0.7, 0.9], "ppg": [0.4, 0.5, 0.7, 0.3, 0.6, 0.8, 0.2, 0.4] }, { "timestamp": "2024-06-26T12:00:00", "temperature": 36.9, "blood_pressure": { "systolic": 125, "diastolic": 83, "pulse_rate": 78 }, "oxygen_saturation": 97, "ecg": [1.1, 1.2, 0.8, 1.1, 1.3, 0.7, 1.2, 1.1], "ppg": [0.6, 0.7, 0.3, 0.6, 0.8, 0.2, 0.7, 0.6] } ] }
Comments
Post a Comment