File size: 7,694 Bytes
c2d8817 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NeuroScan AI - Learn2Reg Real Data Test Report</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #0a192f 0%, #112240 50%, #1d3557 100%);
color: #ccd6f6;
min-height: 100vh;
padding: 20px;
}
.container { max-width: 1400px; margin: 0 auto; }
header {
text-align: center;
padding: 40px 20px;
background: linear-gradient(135deg, #112240 0%, #1d3557 100%);
border-radius: 20px;
margin-bottom: 30px;
box-shadow: 0 10px 40px rgba(0,0,0,0.4);
border: 1px solid rgba(100, 255, 218, 0.1);
}
header h1 {
font-size: 2.8em;
background: linear-gradient(90deg, #64ffda, #00d9ff, #bd93f9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 15px;
}
.subtitle { color: #8892b0; font-size: 1.2em; }
.badge {
display: inline-block;
padding: 8px 20px;
border-radius: 25px;
font-weight: bold;
font-size: 0.95em;
margin: 5px;
}
.badge.success { background: linear-gradient(90deg, #64ffda, #00d9ff); color: #0a192f; }
.badge.info { background: rgba(100, 255, 218, 0.1); color: #64ffda; border: 1px solid #64ffda; }
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.stat-card {
background: rgba(255,255,255,0.03);
padding: 25px;
border-radius: 15px;
text-align: center;
border: 1px solid rgba(100, 255, 218, 0.1);
transition: all 0.3s ease;
}
.stat-card:hover {
transform: translateY(-5px);
border-color: #64ffda;
}
.stat-card h3 { font-size: 2.2em; color: #64ffda; margin-bottom: 10px; }
.stat-card p { color: #8892b0; }
.section {
background: rgba(255,255,255,0.02);
border-radius: 20px;
padding: 30px;
margin-bottom: 30px;
border: 1px solid rgba(100, 255, 218, 0.1);
}
.section h2 {
color: #64ffda;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid rgba(100, 255, 218, 0.2);
}
.visualization { text-align: center; margin: 20px 0; }
.visualization img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 5px 25px rgba(0,0,0,0.4);
transition: transform 0.3s ease;
}
.visualization img:hover { transform: scale(1.01); }
.description {
background: rgba(100, 255, 218, 0.05);
padding: 15px 20px;
border-radius: 10px;
margin-top: 15px;
border-left: 4px solid #64ffda;
}
footer {
text-align: center;
padding: 30px;
color: #8892b0;
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>🫁 NeuroScan AI</h1>
<p class="subtitle">Learn2Reg Real Lung CT Data - Registration Test Report</p>
<div style="margin-top: 20px;">
<span class="badge success">REAL DATA</span>
<span class="badge info">Learn2Reg Task02</span>
<span class="badge info">Inspiration-Expiration Pair</span>
</div>
</header>
<div class="stats">
<div class="stat-card">
<h3>192x192x208</h3>
<p>Volume Dimensions</p>
</div>
<div class="stat-card">
<h3>10.9%</h3>
<p>Registration Improvement</p>
</div>
<div class="stat-card">
<h3>385.5</h3>
<p>MAE After Registration (HU)</p>
</div>
<div class="stat-card">
<h3>REAL</h3>
<p>Clinical CT Data</p>
</div>
</div>
<div class="section">
<h2>📊 CT Comparison: Inspiration vs Expiration</h2>
<div class="visualization">
<img src="real_ct_comparison.png" alt="Real CT Comparison">
</div>
<div class="description">
<p><strong>Description:</strong> Comparison of real lung CT scans from the Learn2Reg Challenge.
The baseline shows the lungs at end-inspiration (maximum volume), while the followup shows
end-expiration (minimum volume). The significant anatomical deformation is visible,
especially around the diaphragm.</p>
</div>
</div>
<div class="section">
<h2>🔄 Registration Test Results</h2>
<div class="visualization">
<img src="registration_test.png" alt="Registration Test">
</div>
<div class="description">
<p><strong>Description:</strong> Registration test using real breathing motion data.
The algorithm attempts to align the inspiration and expiration scans.
<br><br>
<strong>Results:</strong>
<br>• MAE Before Registration: 432.47 HU
<br>• MAE After Registration: 385.49 HU
<br>• Improvement: 10.9%
<br><br>
<strong>Note:</strong> Large residual differences around the diaphragm are expected
due to the significant breathing motion (typically 2-4 cm displacement).</p>
</div>
</div>
<div class="section">
<h2>🖼️ Multiplanar Views</h2>
<div class="visualization">
<img src="multiplanar_view.png" alt="Multiplanar Views">
</div>
<div class="description">
<p><strong>Description:</strong> Three orthogonal views (axial, coronal, sagittal)
showing the lung anatomy during inspiration and expiration phases.</p>
</div>
</div>
<div class="section">
<h2>📏 Lung Volume Analysis</h2>
<div class="visualization">
<img src="lung_volume_analysis.png" alt="Lung Volume Analysis">
</div>
<div class="description">
<p><strong>Description:</strong> Quantitative analysis of lung volume change during breathing.
The cyan contour represents inspiration (larger volume), while the green contour represents
expiration (smaller volume). This demonstrates the physiological lung volume change
that our registration algorithm must handle.</p>
</div>
</div>
<footer>
<p>NeuroScan AI - Intelligent Medical Imaging Longitudinal Diagnosis System</p>
<p style="margin-top: 10px;">Generated: 2026-01-24 23:17:14</p>
<p style="margin-top: 10px; font-size: 0.9em;">
Data Source: Learn2Reg Challenge Task02 (Zenodo) | Powered by MONAI | SimpleITK
</p>
</footer>
</div>
</body>
</html>
|