Differenze
Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.
Prossima revisione | Revisione precedente | ||
dashboard:test_report_2018-2024_semplice [2025/07/04 22:08] – creata admin | dashboard:test_report_2018-2024_semplice [2025/07/04 22:18] (versione attuale) – creata admin | ||
---|---|---|---|
Linea 1: | Linea 1: | ||
- | ====== | + | ====== |
+ | < | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </ | ||
- | ===== KPI Clinici - Periodo 2018-2024 | + | ====== |
+ | < | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </ | ||
- | <html> | + | ====== 3. Infezioni Tardive ====== |
- | <script src="https://cdnjs.cloudflare.com/ | + | <achart> |
- | < | + | { |
- | | + | "type": |
- | | + | " |
- | | + | " |
- | | + | " |
- | | + | { |
- | | + | " |
- | | + | " |
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | | ||
+ | | ||
+ | " | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .charts-grid | + | } |
- | | + | </ |
- | | + | |
- | | + | ====== 4. Enterocolite Necrotizzante ====== |
- | | + | < |
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .chart-container | + | } |
- | | + | </ |
- | | + | |
- | | + | ====== 5. Malattia Polmonare Cronica ====== |
- | | + | < |
- | | + | { |
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .chart-container:hover { | + | } |
- | | + | </ |
- | | + | |
+ | ====== 6. Pneumotorace ====== | ||
+ | < | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | | ||
+ | " | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .chart-title | + | } |
- | | + | </ |
- | | + | |
- | | + | ====== 7. Emorragia Intraventricolare Grave ====== |
- | | + | < |
- | | + | { |
- | | + | " |
- | | + | " |
+ | " | ||
+ | " | ||
+ | | ||
+ | | ||
+ | " | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .chart-canvas | + | } |
- | | + | </ |
+ | |||
+ | ====== 8. Leucomalacia Periventricolare Cistica ====== | ||
+ | < | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | | ||
+ | " | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | | + | } |
- | .legend | + | } |
- | | + | </ |
- | | + | |
- | | + | ====== 9. Retinopatia del Prematuro Grave ====== |
- | | + | < |
- | | + | { |
+ | " | ||
+ | " | ||
+ | | ||
+ | " | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }, | ||
+ | { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
+ | }, | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | } | ||
} | } | ||
- | + | | |
- | .legend-item { | + | } |
- | display: flex; | + | </achart> |
- | align-items: | + | |
- | gap: 6px; | + | |
- | font-size: 0.85em; | + | |
- | padding: 3px 8px; | + | |
- | border-radius: | + | |
- | background: #f8f9fa; | + | |
- | | + | |
- | + | ||
- | .legend-color { | + | |
- | width: 12px; | + | |
- | height: 12px; | + | |
- | border-radius: | + | |
- | | + | |
- | </style> | + | |
- | <div class=" | + | ====== |
- | <div class=" | + | <achart> |
- | <div class=" | + | { |
- | <div class=" | + | "type": "line", |
- | <canvas id=" | + | "data": |
- | <div class=" | + | "labels": |
- | <div class=" | + | "datasets": |
- | <div class=" | + | { |
- | < | + | "label": "Latte Materno", |
- | </ | + | "data": |
- | <div class=" | + | "borderColor": "#f1c40f", |
- | <div class=" | + | "backgroundColor": "rgba(241, 196, 15, 0.1)", |
- | < | + | "borderWidth": 3, |
- | </ | + | "pointRadius": |
- | <div class=" | + | "fill": |
- | <div class=" | + | "tension": 0 |
- | < | + | }, |
- | </ | + | { |
- | </ | + | "label": "Q3 (78.9%)" |
- | </ | + | "data": [78.9, 78.9, 78.9, 78.9, 78.9, 78.9, 78.9], |
- | + | | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <canvas id=" | + | " |
- | <div class=" | + | " |
- | < | + | |
- | < | + | }, |
- | < | + | { |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | < | + | |
- | < | + | " |
- | </ | + | " |
- | <div class="legend-item"> | + | " |
- | <div class=" | + | " |
- | < | + | " |
- | </ | + | } |
- | </ | + | ] |
- | </ | + | }, |
- | + | " | |
- | <div class="chart-container"> | + | " |
- | <div class="chart-title"> | + | " |
- | <canvas id="anyLateInfectionChart" | + | " |
- | <div class="legend"> | + | " |
- | <div class="legend-item"> | + | " |
- | <div class="legend-color" | + | } |
- | < | + | }, |
- | </ | + | " |
- | <div class="legend-item"> | + | " |
- | <div class=" | + | " |
- | < | + | } |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | | + | |
- | + | ||
- | <div class="chart-container"> | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | <div class=" | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | <div class=" | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | | + | |
- | + | ||
- | <div class="chart-container"> | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | | + | |
- | + | ||
- | <div class="chart-container"> | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | | + | |
- | + | ||
- | <div class="chart-container"> | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | | + | |
- | + | ||
- | <div class="chart-container"> | + | |
- | <div class=" | + | |
- | <canvas id=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class=" | + | |
- | <div class=" | + | |
- | < | + | |
- | </ | + | |
- | <div class="legend-item"> | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | </ | + | |
- | + | ||
- | < | + | |
- | // Dati per i grafici | + | |
- | const data = { | + | |
- | years: [2018, 2019, 2020, 2021, 2022, 2023, 2024], | + | |
- | + | ||
- | mortality: { | + | |
- | values: [0.0, 3.8, 6.1, 0.0, 10.3, 6.9, 2.9], | + | |
- | q1: 5.7, | + | |
- | q3: 14.8 | + | |
- | }, | + | |
- | + | ||
- | deathOrMorbidity: | + | |
- | values: [19.4, 26.9, 27.3, 30.8, 34.5, 41.4, 35.3], | + | |
- | q1: 27.3, | + | |
- | q3: 50.0 | + | |
- | }, | + | |
- | + | ||
- | anyLateInfection: | + | |
- | values: [13.9, 15.4, 18.8, 15.4, 19.4, 11.1, 5.9], | + | |
- | q1: 2.9, | + | |
- | q3: 13.7 | + | |
- | | + | |
- | + | ||
- | necrotizingEnterocolitis: { | + | |
- | values: [5.6, 3.7, 0.0, 0.0, 15.6, 7.1, 14.7], | + | |
- | q1: 0.0, | + | |
- | q3: 6.7 | + | |
- | | + | |
- | + | ||
- | chronicLungDisease: { | + | |
- | values: [6.7, 15.8, 17.2, 19.0, 20.0, 27.3, 11.1], | + | |
- | q1: 10.5, | + | |
- | q3: 35.3 | + | |
- | | + | |
- | + | ||
- | pneumothorax: | + | |
- | values: [0.0, 0.0, 0.0, 7.7, 0.0, 0.0, 11.8], | + | |
- | q1: 0.0, | + | |
- | q3: 5.6 | + | |
- | }, | + | |
- | + | ||
- | severeIVH: { | + | |
- | values: [2.9, 7.4, 3.1, 3.8, 3.3, 0.0, 5.9], | + | |
- | q1: 0.0, | + | |
- | q3: 10.0 | + | |
- | }, | + | |
- | | + | |
- | cysticPVL: { | + | |
- | values: [0.0, 3.7, 0.0, 0.0, 0.0, 7.7, 0.0], | + | |
- | q1: 0.0, | + | |
- | q3: 3.3 | + | |
- | | + | |
- | + | ||
- | | + | |
- | values: [2.8, 0.0, 3.7, 0.0, 0.0, 0.0, 0.0], | + | |
- | q1: 0.0, | + | |
- | q3: 7.1 | + | |
- | | + | |
- | + | ||
- | anyHumanMilk: | + | |
- | values: [66.7, 77.3, 71.4, 61.5, 52.0, 52.0, 61.3], | + | |
- | q1: 47.8, | + | |
- | q3: 78.9 | + | |
- | | + | |
- | }; | + | |
- | + | ||
- | // Funzione per creare i grafici | + | |
- | function createChart(canvasId, | + | |
- | const ctx = document.getElementById(canvasId).getContext(' | + | |
- | + | ||
- | const upperLimit = Array(data.years.length).fill(chartData.q3); | + | |
- | const lowerLimit = Array(data.years.length).fill(chartData.q1); | + | |
- | + | ||
- | new Chart(ctx, { | + | |
- | type: ' | + | |
- | data: { | + | |
- | labels: data.years, | + | |
- | datasets: [ | + | |
- | { | + | |
- | label: title, | + | |
- | data: chartData.values, | + | |
- | | + | |
- | backgroundColor: | + | |
- | borderWidth: | + | |
- | pointBackgroundColor: | + | |
- | pointBorderColor: | + | |
- | pointBorderWidth: | + | |
- | pointRadius: | + | |
- | pointHoverRadius: | + | |
- | fill: false, | + | |
- | tension: 0 | + | |
- | }, | + | |
- | { | + | |
- | label: ' | + | |
- | data: upperLimit, | + | |
- | borderColor: | + | |
- | backgroundColor: | + | |
- | borderWidth: | + | |
- | borderDash: [5, 5], | + | |
- | pointRadius: | + | |
- | fill: false, | + | |
- | tension: 0 | + | |
- | }, | + | |
- | { | + | |
- | label: ' | + | |
- | data: lowerLimit, | + | |
- | borderColor: | + | |
- | | + | |
- | | + | |
- | borderDash: [5, 5], | + | |
- | pointRadius: | + | |
- | fill: false, | + | |
- | tension: 0 | + | |
- | } | + | |
- | ] | + | |
- | }, | + | |
- | options: { | + | |
- | responsive: true, | + | |
- | | + | |
- | | + | |
- | | + | |
- | display: | + | |
- | }, | + | |
- | | + | |
- | backgroundColor: | + | |
- | | + | |
- | bodyColor: ' | + | |
- | borderColor: | + | |
- | borderWidth: | + | |
- | cornerRadius: | + | |
- | callbacks: { | + | |
- | label: function(context) { | + | |
- | return context.dataset.label + ': ' + context.parsed.y.toFixed(1) + ' | + | |
- | | + | |
- | } | + | |
- | } | + | |
- | | + | |
- | scales: { | + | |
- | x: { | + | |
- | grid: { | + | |
- | color: ' | + | |
- | drawBorder: false | + | |
- | }, | + | |
- | ticks: { | + | |
- | color: '# | + | |
- | font: { | + | |
- | size: 11, | + | |
- | weight: ' | + | |
- | } | + | |
- | } | + | |
- | }, | + | |
- | | + | |
- | beginAtZero: | + | |
- | grid: { | + | |
- | color: ' | + | |
- | drawBorder: false | + | |
- | | + | |
- | ticks: { | + | |
- | color: '# | + | |
- | font: { | + | |
- | size: 11 | + | |
- | }, | + | |
- | callback: function(value) { | + | |
- | return value + ' | + | |
- | } | + | |
- | } | + | |
- | } | + | |
- | }, | + | |
- | elements: { | + | |
- | line: { | + | |
- | tension: 0 | + | |
- | } | + | |
- | }, | + | |
- | interaction: | + | |
- | intersect: false, | + | |
- | mode: ' | + | |
- | } | + | |
- | } | + | |
- | }); | + | |
} | } | ||
- | + | } | |
- | // Creazione di tutti i grafici | + | } |
- | createChart(' | + | </achart> |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | createChart(' | + | |
- | </script> | + | |
- | </ | + | |
- | + | ||
- | ===== Analisi delle Performance ===== | + | |
- | + | ||
- | ==== 🟢 Aree di Eccellenza ==== | + | |
- | * **Mortalità**: | + | |
- | * **Retinopatia del Prematuro**: | + | |
- | * **Leucomalacia Periventricolare**: | + | |
- | + | ||
- | ==== 🟡 Aree da Monitorare ==== | + | |
- | * **Morte o Morbidità**: | + | |
- | * **Malattia Polmonare Cronica**: 11.1% - significativo miglioramento dal 2023 | + | |
- | * **Infezioni Tardive**: 5.9% - netto miglioramento, | + | |
- | + | ||
- | ==== 🔴 Aree Critiche ==== | + | |
- | * **Enterocolite Necrotizzante**: | + | |
- | * **Pneumotorace**: | + | |
- | * **Latte Materno**: 61.3% vs target 78.9% - gap da colmare | + | |
- | + | ||
- | ===== Raccomandazioni ===== | + | |
- | + | ||
- | - **Protocolli NEC**: Rivedere pratiche alimentari e strategie preventive | + | |
- | - **Gestione ventilatoria**: | + | |
- | - **Promozione allattamento**: | + | |
- | - **Monitoraggio continuo**: Focus su trend mensili per interventi tempestivi | + |