Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Prossima revisione
Revisione precedente
dashboard:test_report_2018-2024_semplice [2025/07/04 22:08] – creata admindashboard:test_report_2018-2024_semplice [2025/07/04 22:18] (versione attuale) – creata admin
Linea 1: Linea 1:
-====== Control Chart - TIN ASST Lecco (Centro 297) ======+====== 1. Mortalità ====== 
 +<achart> 
 +
 +  "type": "line", 
 +  "data":
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      { 
 +        "label": "Mortalità", 
 +        "data": [0.0, 3.8, 6.1, 0.0, 10.3, 6.9, 2.9], 
 +        "borderColor": "#e74c3c", 
 +        "backgroundColor": "rgba(231, 76, 60, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q3 (14.8%)", 
 +        "data": [14.8, 14.8, 14.8, 14.8, 14.8, 14.8, 14.8], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (5.7%)", 
 +        "data": [5.7, 5.7, 5.7, 5.7, 5.7, 5.7, 5.7], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Mortalità (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      } 
 +    } 
 +  } 
 +
 +</achart>
  
-===== KPI Clinici - Periodo 2018-2024 =====+====== 2. Morte o Morbidità ====== 
 +<achart> 
 +
 +  "type": "line", 
 +  "data":
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      { 
 +        "label": "Morte o Morbidità", 
 +        "data": [19.4, 26.9, 27.3, 30.8, 34.5, 41.4, 35.3], 
 +        "borderColor": "#8e44ad", 
 +        "backgroundColor": "rgba(142, 68, 173, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q3 (50.0%)", 
 +        "data": [50.0, 50.0, 50.0, 50.0, 50.0, 50.0, 50.0], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (27.3%)", 
 +        "data": [27.3, 27.3, 27.3, 27.3, 27.3, 27.3, 27.3], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Morte o Morbidità (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      } 
 +    } 
 +  } 
 +
 +</achart>
  
-<html+====== 3. Infezioni Tardive ====== 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script> +<achart
-<style> +
-    .control-charts-container +  "type": "line", 
-        font-family'Segoe UI'TahomaGenevaVerdanasans-serif; +  "data":
-        background: #f8f9fa; +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
-        margin20px 0; +    "datasets":
-        padding30px; +      { 
-        border-radius15px; +        "label": "Infezioni Tardive", 
-        box-shadow: 0 5px 15px rgba(00, 0, 0.1);+        "data": [13.9, 15.4, 18.8, 15.4, 19.4, 11.1, 5.9], 
 +        "borderColor": "#3498db", 
 +        "backgroundColor": "rgba(52, 152, 219, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      
 +        "label""Q3 (13.7%)", 
 +        "data": [13.713.713.7, 13.7, 13.7, 13.7, 13.7]
 +        "borderColor""#f39c12", 
 +        "borderWidth"2, 
 +        "borderDash"[5, 5], 
 +        "pointRadius"0, 
 +        "fill": false, 
 +        "tension": 0 
 +      }, 
 +      { 
 +        "label": "Q1 (2.9%)", 
 +        "data": [2.92.9, 2.9, 2.9, 2.9, 2.9, 2.9], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension": 0 
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Infezioni Tardive (%)
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .charts-grid +
-        displaygrid; +</achart> 
-        grid-template-columnsrepeat(auto-fitminmax(500px1fr)); + 
-        gap25px; +====== 4Enterocolite Necrotizzante ====== 
-        margin-top20px;+<achart> 
 +
 +  "type": "line", 
 +  "data":
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      
 +        "label""Enterocolite Necrotizzante", 
 +        "data"[5.63.7, 0.0, 0.0, 15.6, 7.1, 14.7], 
 +        "borderColor": "#e67e22", 
 +        "backgroundColor": "rgba(230126, 34, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q3 (6.7%)", 
 +        "data"[6.7, 6.7, 6.7, 6.7, 6.7, 6.7, 6.7], 
 +        "borderColor""#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (0.0%)", 
 +        "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Enterocolite Necrotizzante (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .chart-container +
-        backgroundwhite; +</achart> 
-        border-radius10px; + 
-        padding20px; +====== 5Malattia Polmonare Cronica ====== 
-        box-shadow0 3px 10px rgba(0, 0, 0, 0.1); +<achart> 
-        transitiontransform 0.3s ease;+
 +  "type": "line", 
 +  "data":
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      
 +        "label""Malattia Polmonare Cronica", 
 +        "data"[6.7, 15.8, 17.2, 19.0, 20.0, 27.3, 11.1], 
 +        "borderColor""#9b59b6", 
 +        "backgroundColor""rgba(155, 89, 182, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension": 0 
 +      }, 
 +      { 
 +        "label": "Q3 (35.3%)", 
 +        "data": [35.3, 35.3, 35.3, 35.3, 35.3, 35.3, 35.3], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension": 0 
 +      }, 
 +      { 
 +        "label": "Q1 (10.5%)", 
 +        "data"[10.5, 10.5, 10.5, 10.5, 10.5, 10.5, 10.5], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Malattia Polmonare Cronica (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .chart-container:hover +
-        transformtranslateY(-2px); +</achart> 
-        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);+ 
 +====== 6. Pneumotorace ====== 
 +<achart> 
 +
 +  "type": "line", 
 +  "data": { 
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      { 
 +        "label": "Pneumotorace", 
 +        "data": [0.0, 0.0, 0.0, 7.7, 0.0, 0.0, 11.8], 
 +        "borderColor""#1abc9c", 
 +        "backgroundColor": "rgba(26, 188, 156, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      
 +        "label""Q3 (5.6%)", 
 +        "data": [5.6, 5.6, 5.6, 5.6, 5.6, 5.6, 5.6], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (0.0%)", 
 +        "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Pneumotorace (%)
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .chart-title +
-        font-size: 1.2em; +</achart> 
-        font-weightbold; + 
-        text-aligncenter; +====== 7Emorragia Intraventricolare Grave ====== 
-        margin-bottom15px; +<achart> 
-        color: #2c3e50; +
-        padding-bottom8px; +  "type": "line", 
-        border-bottom2px solid #ecf0f1;+  "data":
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      
 +        "label""Emorragia Intraventricolare Grave", 
 +        "data": [2.9, 7.4, 3.1, 3.8, 3.3, 0.0, 5.9], 
 +        "borderColor""#e74c3c", 
 +        "backgroundColor""rgba(231, 76, 60, 0.1)", 
 +        "borderWidth"3, 
 +        "pointRadius"5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q3 (10.0%)", 
 +        "data": [10.0, 10.0, 10.0, 10.0, 10.0, 10.0, 10.0], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth"2, 
 +        "borderDash"[5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (0.0%)", 
 +        "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Emorragia Intraventricolare Grave (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .chart-canvas +
-        height250px !important;+</achart> 
 + 
 +====== 8. Leucomalacia Periventricolare Cistica ====== 
 +<achart> 
 +
 +  "type": "line", 
 +  "data": { 
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      { 
 +        "label": "Leucomalacia Periventricolare Cistica", 
 +        "data": [0.0, 3.7, 0.0, 0.0, 0.0, 7.7, 0.0], 
 +        "borderColor": "#34495e", 
 +        "backgroundColor": "rgba(52, 73, 94, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      
 +        "label""Q3 (3.3%)", 
 +        "data": [3.3, 3.3, 3.3, 3.3, 3.3, 3.3, 3.3], 
 +        "borderColor": "#f39c12", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (0.0%)", 
 +        "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Leucomalacia Periventricolare Cistica (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  } 
-    .legend +
-        displayflex; +</achart> 
-        justify-contentcenter; + 
-        gap15px; +====== 9. Retinopatia del Prematuro Grave ====== 
-        margin-top10px; +<achart> 
-        flex-wrapwrap;+
 +  "type": "line", 
 +  "data": { 
 +    "labels": ["2018", "2019", "2020", "2021", "2022", "2023", "2024"], 
 +    "datasets":
 +      { 
 +        "label": "Retinopatia del Prematuro Grave", 
 +        "data": [2.8, 0.0, 3.7, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#2ecc71", 
 +        "backgroundColor": "rgba(46, 204, 113, 0.1)", 
 +        "borderWidth": 3, 
 +        "pointRadius": 5, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      
 +        "label""Q3 (7.1%)", 
 +        "data"[7.1, 7.1, 7.1, 7.1, 7.1, 7.1, 7.1], 
 +        "borderColor""#f39c12", 
 +        "borderWidth"2, 
 +        "borderDash"[5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      }, 
 +      { 
 +        "label": "Q1 (0.0%)", 
 +        "data": [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], 
 +        "borderColor": "#27ae60", 
 +        "borderWidth": 2, 
 +        "borderDash": [5, 5], 
 +        "pointRadius": 0, 
 +        "fill": false, 
 +        "tension":
 +      } 
 +    ] 
 +  }, 
 +  "options":
 +    "responsive": true, 
 +    "plugins":
 +      "title":
 +        "display": true, 
 +        "text": "Retinopatia del Prematuro Grave (%)" 
 +      } 
 +    }, 
 +    "scales":
 +      "y":
 +        "beginAtZero": true 
 +      }
     }     }
-     +  
-    .legend-item { +
-        display: flex; +</achart>
-        align-items: center; +
-        gap: 6px; +
-        font-size: 0.85em; +
-        padding: 3px 8px; +
-        border-radius: 15px; +
-        background: #f8f9fa; +
-    +
-     +
-    .legend-color { +
-        width: 12px; +
-        height: 12px; +
-        border-radius: 50%; +
-    +
-</style>+
  
-<div class="control-charts-container"> +====== 10Latte Materno ====== 
-    <div class="charts-grid"> +<achart
-        <div class="chart-container"> +{ 
-            <div class="chart-title">Mortalità</div> +  "type": "line", 
-            <canvas id="mortalityChart" class="chart-canvas"></canvas> +  "data": { 
-            <div class="legend"> +    "labels": ["2018""2019""2020""2021""2022""2023""2024"], 
-                <div class="legend-item"> +    "datasets": [ 
-                    <div class="legend-color" style="background-color: #e74c3c;"></div> +      { 
-                    <span>Valori</span> +        "label": "Latte Materno", 
-                </div> +        "data": [66.7, 77.3, 71.4, 61.5, 52.0, 52.0, 61.3], 
-                <div class="legend-item"> +        "borderColor": "#f1c40f", 
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +        "backgroundColor": "rgba(241, 196, 15, 0.1)", 
-                    <span>Q3 (14.8%)</span> +        "borderWidth": 3, 
-                </div> +        "pointRadius": 5, 
-                <div class="legend-item"> +        "fill": false, 
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +        "tension": 0 
-                    <span>Q1 (5.7%)</span> +      }, 
-                </div> +      { 
-            </div> +        "label": "Q3 (78.9%)", 
-        </div> +        "data": [78.978.978.9, 78.9, 78.9, 78.9, 78.9], 
- +        "borderColor""#f39c12"
-        <div class="chart-container"> +        "borderWidth": 2, 
-            <div class="chart-title">Morte o Morbidità</div> +        "borderDash": [5, 5], 
-            <canvas id="deathOrMorbidityChart" class="chart-canvas"></canvas> +        "pointRadius": 0, 
-            <div class="legend"+        "fill"false
-                <div class="legend-item"> +        "tension": 0 
-                    <div class="legend-colorstyle="background-color#8e44ad;"></div> +      }, 
-                    <span>Valori</span> +      { 
-                </div> +        "label""Q1 (47.8%)"
-                <div class="legend-item"> +        "data": [47.847.847.847.847.847.8, 47.8]
-                    <div class="legend-colorstyle="background-color#f39c12;"></div> +        "borderColor""#27ae60"
-                    <span>Q3 (50.0%)</span> +        "borderWidth": 2, 
-                </div> +        "borderDash": [5, 5], 
-                <div class="legend-item"+        "pointRadius": 0, 
-                    <div class="legend-color" style="background-color#27ae60;"></div> +        "fill": false, 
-                    <span>Q1 (27.3%)</span> +        "tension": 0 
-                </div> +      
-            </div> +    
-        </div> +  }, 
- +  "options": { 
-        <div class="chart-container"+    "responsive": true, 
-            <div class="chart-title">Infezioni Tardive</div> +    "plugins": { 
-            <canvas id="anyLateInfectionChartclass="chart-canvas"></canvas> +      "title": { 
-            <div class="legend"+        "display"true
-                <div class="legend-item"+        "text""Latte Materno (%)" 
-                    <div class="legend-color" style="background-color: #3498db;"></div> +      
-                    <span>Valori</span> +    }, 
-                </div> +    "scales": { 
-                <div class="legend-item"> +      "y": { 
-                    <div class="legend-color" style="background-color#f39c12;"></div> +        "beginAtZero": true 
-                    <span>Q3 (13.7%)</span> +      }
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +
-                    <span>Q1 (2.9%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"+
-            <div class="chart-title">Enterocolite Necrotizzante</div> +
-            <canvas id="necrotizingEnterocolitis" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color#e67e22;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-colorstyle="background-color#f39c12;"></div> +
-                    <span>Q3 (6.7%)</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +
-                    <span>Q1 (0.0%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"> +
-            <div class="chart-title">Malattia Polmonare Cronica</div> +
-            <canvas id="chronicLungDiseaseChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #9b59b6;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +
-                    <span>Q3 (35.3%)</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +
-                    <span>Q1 (10.5%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"> +
-            <div class="chart-title">Pneumotorace</div> +
-            <canvas id="pneumothoraxChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #1abc9c;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +
-                    <span>Q3 (5.6%)</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +
-                    <span>Q1 (0.0%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"+
-            <div class="chart-title">Emorragia Intraventricolare Grave</div> +
-            <canvas id="severeIVHChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color#e74c3c;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +
-                    <span>Q3 (10.0%)</span> +
-                </div> +
-                <div class="legend-item"+
-                    <div class="legend-color" style="background-color#27ae60;"></div> +
-                    <span>Q1 (0.0%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"+
-            <div class="chart-title">Leucomalacia Periventricolare Cistica</div> +
-            <canvas id="cysticPVLChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color#34495e;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +
-                    <span>Q3 (3.3%)</span> +
-                </div> +
-                <div class="legend-item"+
-                    <div class="legend-color" style="background-color#27ae60;"></div> +
-                    <span>Q1 (0.0%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"+
-            <div class="chart-title">Retinopatia del Prematuro Grave</div> +
-            <canvas id="severeROPChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color#2ecc71;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"+
-                    <div class="legend-color" style="background-color#f39c12;"></div> +
-                    <span>Q3 (7.1%)</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #27ae60;"></div> +
-                    <span>Q1 (0.0%)</span> +
-                </div> +
-            </div> +
-        </div> +
- +
-        <div class="chart-container"+
-            <div class="chart-title">Latte Materno</div> +
-            <canvas id="anyHumanMilkChart" class="chart-canvas"></canvas> +
-            <div class="legend"> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color#f1c40f;"></div> +
-                    <span>Valori</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-color" style="background-color: #f39c12;"></div> +
-                    <span>Q3 (78.9%)</span> +
-                </div> +
-                <div class="legend-item"> +
-                    <div class="legend-colorstyle="background-color: #27ae60;"></div> +
-                    <span>Q1 (47.8%)</span> +
-                </div> +
-            </div> +
-        </div> +
-    </div> +
-</div> +
- +
-<script> +
-    // Dati per i grafici +
-    const data = { +
-        years: [2018, 2019, 2020, 2021, 2022, 2023, 2024], +
-         +
-        mortality: { +
-            values: [0.03.86.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], +
-            q10.0, +
-            q310.0 +
-        }+
-         +
-        cysticPVL+
-            values: [0.0, 3.7, 0.0, 0.0, 0.0, 7.7, 0.0], +
-            q1: 0.0, +
-            q3: 3.3 +
-        }, +
-         +
-        severeROP+
-            values: [2.8, 0.0, 3.7, 0.0, 0.0, 0.0, 0.0], +
-            q1: 0.0, +
-            q3: 7.1 +
-        }, +
-         +
-        anyHumanMilk:+
-            values: [66.777.371.461.552.052.061.3], +
-            q1: 47.8, +
-            q3: 78.9 +
-        +
-    }; +
- +
-    // Funzione per creare i grafici +
-    function createChart(canvasId, chartData, color, title) { +
-        const ctx = document.getElementById(canvasId).getContext('2d'); +
-         +
-        const upperLimit = Array(data.years.length).fill(chartData.q3); +
-        const lowerLimit = Array(data.years.length).fill(chartData.q1); +
-         +
-        new Chart(ctx, { +
-            type: 'line', +
-            data: { +
-                labels: data.years, +
-                datasets: [ +
-                    { +
-                        label: title, +
-                        data: chartData.values, +
-                        borderColor: color, +
-                        backgroundColor: color + '20', +
-                        borderWidth: 3, +
-                        pointBackgroundColor: color, +
-                        pointBorderColor: '#fff', +
-                        pointBorderWidth: 2, +
-                        pointRadius: 5, +
-                        pointHoverRadius: 7, +
-                        fill: false, +
-                        tension: 0 +
-                    }, +
-                    { +
-                        label: 'Limite Superiore (Q3)', +
-                        data: upperLimit, +
-                        borderColor: '#f39c12', +
-                        backgroundColor: 'transparent', +
-                        borderWidth: 2, +
-                        borderDash: [5, 5], +
-                        pointRadius: 0, +
-                        fill: false, +
-                        tension: 0 +
-                    }, +
-                    { +
-                        label: 'Limite Inferiore (Q1)', +
-                        data: lowerLimit, +
-                        borderColor: '#27ae60'+
-                        backgroundColor: 'transparent', +
-                        borderWidth: 2, +
-                        borderDash: [5, 5], +
-                        pointRadius: 0, +
-                        fill: false, +
-                        tension: 0 +
-                    +
-                +
-            }, +
-            options: { +
-                responsive: true, +
-                maintainAspectRatio: false, +
-                plugins: { +
-                    legend: { +
-                        display: false +
-                    }+
-                    tooltip+
-                        backgroundColor: 'rgba(0, 0, 0, 0.8)', +
-                        titleColor: 'white', +
-                        bodyColor: 'white', +
-                        borderColor: color, +
-                        borderWidth: 1, +
-                        cornerRadius: 6, +
-                        callbacks: { +
-                            label: function(context) { +
-                                return context.dataset.label + ': ' + context.parsed.y.toFixed(1) + '%'; +
-                            +
-                        } +
-                    } +
-                }, +
-                scales: { +
-                    x: { +
-                        grid: { +
-                            color: 'rgba(0, 0, 0, 0.1)', +
-                            drawBorder: false +
-                        }, +
-                        ticks: { +
-                            color: '#666', +
-                            font: { +
-                                size: 11, +
-                                weight: 'bold' +
-                            } +
-                        } +
-                    }, +
-                    y: { +
-                        beginAtZero: true, +
-                        grid: { +
-                            color: 'rgba(0, 0, 0, 0.1)', +
-                            drawBorder: false +
-                        }+
-                        ticks: { +
-                            color: '#666', +
-                            font: { +
-                                size: 11 +
-                            }, +
-                            callback: function(value) { +
-                                return value + '%'; +
-                            } +
-                        } +
-                    } +
-                }, +
-                elements: { +
-                    line: { +
-                        tension: 0 +
-                    } +
-                }, +
-                interaction:+
-                    intersect: false, +
-                    mode: 'index' +
-                } +
-            } +
-        });+
     }     }
- +  } 
-    // Creazione di tutti i grafici +} 
-    createChart('mortalityChart', data.mortality, '#e74c3c', 'Mortalità'); +</achart>
-    createChart('deathOrMorbidityChart', data.deathOrMorbidity, '#8e44ad', 'Morte o Morbidità'); +
-    createChart('anyLateInfectionChart', data.anyLateInfection, '#3498db', 'Infezioni Tardive'); +
-    createChart('necrotizingEnterocolitis', data.necrotizingEnterocolitis, '#e67e22', 'Enterocolite Necrotizzante'); +
-    createChart('chronicLungDiseaseChart', data.chronicLungDisease, '#9b59b6', 'Malattia Polmonare Cronica'); +
-    createChart('pneumothoraxChart', data.pneumothorax, '#1abc9c', 'Pneumotorace'); +
-    createChart('severeIVHChart', data.severeIVH, '#e74c3c', 'Emorragia Intraventricolare Grave'); +
-    createChart('cysticPVLChart', data.cysticPVL, '#34495e', 'Leucomalacia Periventricolare Cistica'); +
-    createChart('severeROPChart', data.severeROP, '#2ecc71', 'Retinopatia del Prematuro Grave'); +
-    createChart('anyHumanMilkChart', data.anyHumanMilk, '#f1c40f', 'Latte Materno'); +
-</script> +
-</html> +
- +
-===== Analisi delle Performance ===== +
- +
-==== 🟢 Aree di Eccellenza ==== +
-  * **Mortalità**: 2.9% - mantenuta sotto controllo +
-  * **Retinopatia del Prematuro**: 0% - eccellente controllo negli ultimi anni +
-  * **Leucomalacia Periventricolare**: 0% - ben controllata nel 2024 +
- +
-==== 🟡 Aree da Monitorare ==== +
-  * **Morte o Morbidità**: 35.3% - trend in miglioramento +
-  * **Malattia Polmonare Cronica**: 11.1% - significativo miglioramento dal 2023 +
-  * **Infezioni Tardive**: 5.9% - netto miglioramento, ora sotto Q1 +
- +
-==== 🔴 Aree Critiche ==== +
-  * **Enterocolite Necrotizzante**: 14.7% (sopra Q3 6.7%) - richiede intervento +
-  * **Pneumotorace**: 11.8% (sopra Q3 5.6%) - nuovo problema emerso +
-  * **Latte Materno**: 61.3% vs target 78.9% - gap da colmare +
- +
-===== Raccomandazioni ===== +
- +
-  - **Protocolli NEC**: Rivedere pratiche alimentari e strategie preventive +
-  - **Gestione ventilatoria**: Analizzare cause dell'aumento dei pneumotoraci   +
-  - **Promozione allattamento**: Implementare programmi di supporto al latte materno +
-  - **Monitoraggio continuo**: Focus su trend mensili per interventi tempestivi+
dashboard/test_report_2018-2024_semplice.1751659716.txt.gz · Ultima modifica: da admin