1956 lines
65 KiB
HTML
1956 lines
65 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Survey Analytics Report</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 20px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.container {
|
|
max-width: 1200px;
|
|
margin: 0 auto;
|
|
background-color: white;
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
|
|
}
|
|
h1 {
|
|
color: #333;
|
|
border-bottom: 2px solid #007bff;
|
|
padding-bottom: 10px;
|
|
}
|
|
h2 {
|
|
color: #555;
|
|
margin-top: 30px;
|
|
}
|
|
.summary {
|
|
background-color: #f8f9fa;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
margin: 20px 0;
|
|
}
|
|
.summary-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
gap: 15px;
|
|
}
|
|
.summary-card {
|
|
background-color: white;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
.summary-card h3 {
|
|
margin: 0 0 10px 0;
|
|
color: #666;
|
|
font-size: 14px;
|
|
}
|
|
.summary-card .value {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: #007bff;
|
|
}
|
|
.chart {
|
|
margin: 30px 0;
|
|
padding: 20px;
|
|
background-color: #f8f9fa;
|
|
border-radius: 5px;
|
|
}
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin: 20px 0;
|
|
}
|
|
th, td {
|
|
padding: 12px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
th {
|
|
background-color: #007bff;
|
|
color: white;
|
|
}
|
|
tr:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.negative {
|
|
color: #dc3545;
|
|
}
|
|
.positive {
|
|
color: #28a745;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>📊 Survey Analytics Report</h1>
|
|
<p><strong>Generated:</strong> 2026-02-08T08:34:27</p>
|
|
<p><strong>Date Range:</strong> 2026-01-08 to 2026-03-08</p>
|
|
|
|
<div class="summary">
|
|
<h2>Executive Summary</h2>
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Templates</h3>
|
|
<div class="value">12</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Total Surveys Sent</h3>
|
|
<div class="value">3,949</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Total Completed</h3>
|
|
<div class="value">3,325</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">84.2%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value">4.68/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">163</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div id="template_0" class="template-section">
|
|
<h2>Appointment Satisfaction Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">10</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">0.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_0" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_0" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: Did the Appointment Section's service exceed your expectations?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: Did the doctor explain everything about your case?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: Did the pharmacist explain to you the medication clearly?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: Did the staff attend your needs in an understandable language?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: Was it easy to get an appointment?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Were you satisfied with your interaction with the doctor?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q7: Were you served by Laboratory Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q8: Were you served by Radiology Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q9: Were you served by Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q10: Would you recommend the hospital to your friends and family?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_1" class="template-section">
|
|
<h2>Day Case Patient Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">1</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">0.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_1" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_1" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the pre-procedure preparation?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the procedure itself?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the post-procedure care?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the discharge process?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>rating</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">0.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Any additional comments or suggestions?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_2" class="template-section">
|
|
<h2>Day Case Patient Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">976</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">828</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">84.84%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">4.72/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">47</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_2" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_2" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the pre-procedure preparation?</td>
|
|
<td>rating</td>
|
|
<td>828</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.13/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the procedure itself?</td>
|
|
<td>rating</td>
|
|
<td>828</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.11/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the post-procedure care?</td>
|
|
<td>rating</td>
|
|
<td>828</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.11/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the discharge process?</td>
|
|
<td>rating</td>
|
|
<td>828</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.11/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>nps</td>
|
|
<td>828</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">7.16/5.0</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_3" class="template-section">
|
|
<h2>EMS Emergency Services Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">2</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">0.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_3" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_3" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the ambulance response time?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the paramedic care?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the emergency department care?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the communication from staff?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>rating</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">0.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Any additional comments or suggestions?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_4" class="template-section">
|
|
<h2>EMS Emergency Services Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">952</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">812</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">85.29%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">4.67/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">37</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_4" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_4" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the ambulance response time?</td>
|
|
<td>rating</td>
|
|
<td>812</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.08/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the paramedic care?</td>
|
|
<td>rating</td>
|
|
<td>812</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.07/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the emergency department care?</td>
|
|
<td>rating</td>
|
|
<td>812</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.07/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the communication from staff?</td>
|
|
<td>rating</td>
|
|
<td>812</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.09/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>nps</td>
|
|
<td>812</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">7.01/5.0</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_5" class="template-section">
|
|
<h2>Inpatient Post-Discharge Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">3</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">0.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_5" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_5" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the nursing care?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the doctor's care?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How clean was your room?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the food quality?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How well were you informed about your treatment?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: How likely are you to recommend this hospital to others?</td>
|
|
<td>rating</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">0.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q7: Any additional comments or suggestions?</td>
|
|
<td>text</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_6" class="template-section">
|
|
<h2>Inpatient Post-Discharge Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">990</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">852</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">86.06%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">4.59/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">41</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_6" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_6" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the nursing care?</td>
|
|
<td>rating</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.1/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the doctor's care?</td>
|
|
<td>rating</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.11/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How clean was your room?</td>
|
|
<td>rating</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.09/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the food quality?</td>
|
|
<td>rating</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.1/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How well were you informed about your treatment?</td>
|
|
<td>rating</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.1/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: How likely are you to recommend this hospital to others?</td>
|
|
<td>nps</td>
|
|
<td>852</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">7.07/5.0</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_7" class="template-section">
|
|
<h2>Inpatient Satisfaction Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">9</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">0.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_7" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_7" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: Are the Patient Relations Coordinators/ Social Workers approachable and accessible?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: Did the physician give you clear information about your medications?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: Did your physician exerted efforts to include you in making the decisions about your treatment?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: Is the cleanliness level of the hospital exceeding your expectations?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: Was there a clear explanation given to you regarding your financial coverage and payment responsibility?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Were you satisfied with our admission time and process?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q7: Were you satisfied with our discharge time and process?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q8: Were you satisfied with the doctor's care?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q9: Were you satisfied with the food services?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q10: Were you satisfied with the level of safety at the hospital?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q11: Were you satisfied with the nurses' care?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q12: Would you recommend the hospital to your friends and family?</td>
|
|
<td>multiple_choice</td>
|
|
<td>0</td>
|
|
<td>0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_8" class="template-section">
|
|
<h2>OPD Patient Experience Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">5</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">1</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">20.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">3.4/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_8" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_8" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the registration process?</td>
|
|
<td>rating</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the waiting time?</td>
|
|
<td>rating</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">3.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the doctor's consultation?</td>
|
|
<td>rating</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">3.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the pharmacy service?</td>
|
|
<td>rating</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>rating</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">3.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Any additional comments or suggestions?</td>
|
|
<td>text</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_9" class="template-section">
|
|
<h2>OPD Patient Experience Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">982</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">829</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">84.42%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">4.75/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">37</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_9" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_9" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: How satisfied were you with the registration process?</td>
|
|
<td>rating</td>
|
|
<td>829</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.13/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How satisfied were you with the waiting time?</td>
|
|
<td>rating</td>
|
|
<td>829</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.13/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: How satisfied were you with the doctor's consultation?</td>
|
|
<td>rating</td>
|
|
<td>829</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.13/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: How satisfied were you with the pharmacy service?</td>
|
|
<td>rating</td>
|
|
<td>829</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.13/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How likely are you to recommend this hospital to others?</td>
|
|
<td>nps</td>
|
|
<td>829</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">7.23/5.0</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_10" class="template-section">
|
|
<h2>Outpatient Satisfaction Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">14</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">1</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">7.14%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">0.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">1</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_10" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_10" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: Did the doctor explained everything about your case?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: Did the pharmacist explained to you the medication clearly?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: Did the staff attended your needs in an understandable language?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: Were you satisfied with your interaction with the doctor?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: Were you served by Laboratory Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q6: Were you served by Radiology Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q7: Were you served by Receptionists as required?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q8: Would you recommend the hospital to your friends and family?</td>
|
|
<td>multiple_choice</td>
|
|
<td>1</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<div id="template_11" class="template-section">
|
|
<h2>Patient Experience Demo Survey</h2>
|
|
|
|
<div class="summary">
|
|
<div class="summary-grid">
|
|
<div class="summary-card">
|
|
<h3>Total Sent</h3>
|
|
<div class="value">5</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completed</h3>
|
|
<div class="value">2</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Completion Rate</h3>
|
|
<div class="value">40.0%</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Average Score</h3>
|
|
<div class="value positive">4.0/5.0</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<h3>Negative Surveys</h3>
|
|
<div class="value negative">0</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="scoreDist_11" class="chart" style="height: 400px;"></div>
|
|
|
|
<div id="monthly_11" class="chart" style="height: 400px;"></div>
|
|
|
|
<h3>Question Analysis</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Question</th>
|
|
<th>Type</th>
|
|
<th>Responses</th>
|
|
<th>Response Rate</th>
|
|
<th>Avg Score</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
<tr>
|
|
<td>Q1: Please share any additional comments about your stay</td>
|
|
<td>text</td>
|
|
<td>1</td>
|
|
<td>50.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q2: How would you rate the quality of nursing care?</td>
|
|
<td>rating</td>
|
|
<td>2</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q3: Which department did you visit?</td>
|
|
<td>multiple_choice</td>
|
|
<td>2</td>
|
|
<td>100.0%</td>
|
|
<td class="">N/A</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q4: What aspects of your experience were satisfactory? (Select all that apply)</td>
|
|
<td>rating</td>
|
|
<td>2</td>
|
|
<td>100.0%</td>
|
|
<td class="">0.0/5.0</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Q5: How would you rate the hospital facilities?</td>
|
|
<td>rating</td>
|
|
<td>2</td>
|
|
<td>100.0%</td>
|
|
<td class="positive">4.0/5.0</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
// Initialize charts
|
|
|
|
// Score Distribution Chart for Appointment Satisfaction Survey
|
|
const scoreDist_0 = new ApexCharts(document.querySelector("#scoreDist_0"), {
|
|
series: [0, 0, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_0.render();
|
|
|
|
|
|
// Monthly Trends Chart for Appointment Satisfaction Survey
|
|
const monthly_0 = new ApexCharts(document.querySelector("#monthly_0"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_0.render();
|
|
|
|
|
|
// Score Distribution Chart for Day Case Patient Survey
|
|
const scoreDist_1 = new ApexCharts(document.querySelector("#scoreDist_1"), {
|
|
series: [0, 0, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_1.render();
|
|
|
|
|
|
// Monthly Trends Chart for Day Case Patient Survey
|
|
const monthly_1 = new ApexCharts(document.querySelector("#monthly_1"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_1.render();
|
|
|
|
|
|
// Score Distribution Chart for Day Case Patient Survey
|
|
const scoreDist_2 = new ApexCharts(document.querySelector("#scoreDist_2"), {
|
|
series: [552, 162, 67, 47],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_2.render();
|
|
|
|
|
|
// Monthly Trends Chart for Day Case Patient Survey
|
|
const monthly_2 = new ApexCharts(document.querySelector("#monthly_2"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [4.63, 4.75, 4.55]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [83, 82, 25]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_2.render();
|
|
|
|
|
|
// Score Distribution Chart for EMS Emergency Services Survey
|
|
const scoreDist_3 = new ApexCharts(document.querySelector("#scoreDist_3"), {
|
|
series: [0, 0, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_3.render();
|
|
|
|
|
|
// Monthly Trends Chart for EMS Emergency Services Survey
|
|
const monthly_3 = new ApexCharts(document.querySelector("#monthly_3"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_3.render();
|
|
|
|
|
|
// Score Distribution Chart for EMS Emergency Services Survey
|
|
const scoreDist_4 = new ApexCharts(document.querySelector("#scoreDist_4"), {
|
|
series: [512, 183, 81, 36],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_4.render();
|
|
|
|
|
|
// Monthly Trends Chart for EMS Emergency Services Survey
|
|
const monthly_4 = new ApexCharts(document.querySelector("#monthly_4"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [4.67, 4.62, 4.87]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [89, 95, 23]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_4.render();
|
|
|
|
|
|
// Score Distribution Chart for Inpatient Post-Discharge Survey
|
|
const scoreDist_5 = new ApexCharts(document.querySelector("#scoreDist_5"), {
|
|
series: [0, 0, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_5.render();
|
|
|
|
|
|
// Monthly Trends Chart for Inpatient Post-Discharge Survey
|
|
const monthly_5 = new ApexCharts(document.querySelector("#monthly_5"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_5.render();
|
|
|
|
|
|
// Score Distribution Chart for Inpatient Post-Discharge Survey
|
|
const scoreDist_6 = new ApexCharts(document.querySelector("#scoreDist_6"), {
|
|
series: [554, 182, 75, 41],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_6.render();
|
|
|
|
|
|
// Monthly Trends Chart for Inpatient Post-Discharge Survey
|
|
const monthly_6 = new ApexCharts(document.querySelector("#monthly_6"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [4.55, 4.69, 4.43]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [86, 104, 26]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_6.render();
|
|
|
|
|
|
// Score Distribution Chart for Inpatient Satisfaction Survey
|
|
const scoreDist_7 = new ApexCharts(document.querySelector("#scoreDist_7"), {
|
|
series: [0, 0, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_7.render();
|
|
|
|
|
|
// Monthly Trends Chart for Inpatient Satisfaction Survey
|
|
const monthly_7 = new ApexCharts(document.querySelector("#monthly_7"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_7.render();
|
|
|
|
|
|
// Score Distribution Chart for OPD Patient Experience Survey
|
|
const scoreDist_8 = new ApexCharts(document.querySelector("#scoreDist_8"), {
|
|
series: [0, 0, 1, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_8.render();
|
|
|
|
|
|
// Monthly Trends Chart for OPD Patient Experience Survey
|
|
const monthly_8 = new ApexCharts(document.querySelector("#monthly_8"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 3.4, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 1, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_8.render();
|
|
|
|
|
|
// Score Distribution Chart for OPD Patient Experience Survey
|
|
const scoreDist_9 = new ApexCharts(document.querySelector("#scoreDist_9"), {
|
|
series: [558, 165, 69, 37],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_9.render();
|
|
|
|
|
|
// Monthly Trends Chart for OPD Patient Experience Survey
|
|
const monthly_9 = new ApexCharts(document.querySelector("#monthly_9"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [4.73, 4.88, 4.86]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [105, 97, 26]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_9.render();
|
|
|
|
|
|
// Score Distribution Chart for Outpatient Satisfaction Survey
|
|
const scoreDist_10 = new ApexCharts(document.querySelector("#scoreDist_10"), {
|
|
series: [0, 0, 0, 1],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_10.render();
|
|
|
|
|
|
// Monthly Trends Chart for Outpatient Satisfaction Survey
|
|
const monthly_10 = new ApexCharts(document.querySelector("#monthly_10"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [0.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [0, 1, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_10.render();
|
|
|
|
|
|
// Score Distribution Chart for Patient Experience Demo Survey
|
|
const scoreDist_11 = new ApexCharts(document.querySelector("#scoreDist_11"), {
|
|
series: [0, 2, 0, 0],
|
|
chart: {
|
|
type: 'donut',
|
|
},
|
|
labels: ['Excellent', 'Good', 'Average', 'Poor'],
|
|
title: {
|
|
text: 'Score Distribution'
|
|
},
|
|
colors: ['#28a745', '#17a2b8', '#ffc107', '#dc3545']
|
|
});
|
|
scoreDist_11.render();
|
|
|
|
|
|
// Monthly Trends Chart for Patient Experience Demo Survey
|
|
const monthly_11 = new ApexCharts(document.querySelector("#monthly_11"), {
|
|
series: [{
|
|
name: 'Average Score',
|
|
data: [4.0, 0.0, 0.0]
|
|
}, {
|
|
name: 'Survey Count',
|
|
data: [2, 0, 0]
|
|
}],
|
|
chart: {
|
|
type: 'line',
|
|
height: 400
|
|
},
|
|
xaxis: {
|
|
categories: ['January 2026', 'February 2026', 'March 2026']
|
|
},
|
|
title: {
|
|
text: 'Monthly Trends'
|
|
},
|
|
yaxis: [{
|
|
title: {
|
|
text: 'Score'
|
|
}
|
|
}, {
|
|
opposite: true,
|
|
title: {
|
|
text: 'Count'
|
|
}
|
|
}]
|
|
});
|
|
monthly_11.render();
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|