Spaces:

Alivee95
/

my-test-space

Running

App Files Files Community

Alivee95 commited on Apr 1

Commit

b9ef70d

verified ·

1 Parent(s): d48c53b

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +448 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: My Test Space
-emoji: 🏆
-colorFrom: pink
-colorTo: pink
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: my-test-space
+emoji: 🐳
+colorFrom: yellow
+colorTo: green
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,448 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>XML Analysis Dashboard</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <style>
+        .cursor-trail {
+            position: absolute;
+            width: 8px;
+            height: 8px;
+            border-radius: 50%;
+            background-color: rgba(99, 102, 241, 0.7);
+            pointer-events: none;
+            z-index: 9999;
+            transform: translate(-50%, -50%);
+        }
+        .xml-tag {
+            transition: all 0.2s ease;
+        }
+        .xml-tag:hover {
+            background-color: rgba(99, 102, 241, 0.1);
+            transform: translateY(-2px);
+        }
+        .progress-bar {
+            height: 6px;
+            background: linear-gradient(90deg, #4f46e5, #8b5cf6);
+            transition: width 0.3s ease;
+        }
+        .code-block {
+            font-family: 'Courier New', monospace;
+            background-color: #1e293b;
+            color: #f8fafc;
+        }
+        .floating-card {
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+    </style>
+</head>
+<body class="bg-gray-50 min-h-screen relative overflow-x-hidden">
+    <!-- Cursor trail elements -->
+    <div id="cursor-trail-container"></div>
+    <!-- Navigation -->
+    <nav class="bg-indigo-600 text-white shadow-lg">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16 items-center">
+                <div class="flex items-center">
+                    <i class="fas fa-file-code text-2xl mr-3"></i>
+                    <span class="text-xl font-bold">XML Analyzer Pro</span>
+                </div>
+                <div class="hidden md:flex space-x-8">
+                    <a href="#" class="hover:text-indigo-200 transition">Dashboard</a>
+                    <a href="#" class="hover:text-indigo-200 transition">Analysis</a>
+                    <a href="#" class="hover:text-indigo-200 transition">Reports</a>
+                    <a href="#" class="hover:text-indigo-200 transition">Settings</a>
+                </div>
+                <button class="md:hidden text-xl">
+                    <i class="fas fa-bars"></i>
+                </button>
+            </div>
+        </div>
+    </nav>
+    <!-- Main content -->
+    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <!-- Header -->
+        <div class="mb-10 text-center">
+            <h1 class="text-4xl font-bold text-gray-800 mb-3">Hospital Quality Reports Analysis</h1>
+            <p class="text-lg text-gray-600 max-w-3xl mx-auto">
+                Process and analyze XML files from the QB-Referenzdatenbank containing structured quality reports of German hospitals (2023)
+            </p>
+        </div>
+        <!-- Progress bar -->
+        <div class="mb-8 bg-gray-200 rounded-full overflow-hidden">
+            <div id="analysis-progress" class="progress-bar" style="width: 0%"></div>
+        </div>
+        <!-- Dashboard cards -->
+        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-10">
+            <!-- File Info Card -->
+            <div class="bg-white rounded-xl p-6 floating-card">
+                <div class="flex items-center mb-4">
+                    <div class="bg-indigo-100 p-3 rounded-full mr-4">
+                        <i class="fas fa-file-alt text-indigo-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold text-gray-800">File Content Overview</h3>
+                </div>
+                <p class="text-gray-600 mb-4">
+                    These XML files contain structured quality reports from German hospitals, managed by IQTIG/BQS.
+                </p>
+                <div class="bg-indigo-50 p-4 rounded-lg">
+                    <p class="text-sm text-indigo-800">
+                        <i class="fas fa-info-circle mr-2"></i>
+                        Includes hospital information, services, quality indicators, personnel data, and more.
+                    </p>
+                </div>
+            </div>
+            <!-- Structure Card -->
+            <div class="bg-white rounded-xl p-6 floating-card">
+                <div class="flex items-center mb-4">
+                    <div class="bg-purple-100 p-3 rounded-full mr-4">
+                        <i class="fas fa-sitemap text-purple-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold text-gray-800">Tag Structure Analysis</h3>
+                </div>
+                <div class="space-y-2">
+                    <div class="flex items-center">
+                        <span class="xml-tag bg-gray-100 px-2 py-1 rounded text-sm font-mono mr-2">&lt;hospital&gt;</span>
+                        <span class="text-gray-500 text-sm">(parent)</span>
+                    </div>
+                    <div class="ml-4 space-y-1">
+                        <div class="flex items-center">
+                            <span class="xml-tag bg-gray-100 px-2 py-1 rounded text-sm font-mono mr-2">&lt;info&gt;</span>
+                        </div>
+                        <div class="flex items-center">
+                            <span class="xml-tag bg-gray-100 px-2 py-1 rounded text-sm font-mono mr-2">&lt;services&gt;</span>
+                        </div>
+                        <div class="flex items-center">
+                            <span class="xml-tag bg-gray-100 px-2 py-1 rounded text-sm font-mono mr-2">&lt;quality&gt;</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Analysis Card -->
+            <div class="bg-white rounded-xl p-6 floating-card">
+                <div class="flex items-center mb-4">
+                    <div class="bg-green-100 p-3 rounded-full mr-4">
+                        <i class="fas fa-chart-line text-green-600 text-xl"></i>
+                    </div>
+                    <h3 class="text-xl font-semibold text-gray-800">Analytical Opportunities</h3>
+                </div>
+                <ul class="space-y-2">
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
+                        <span class="text-gray-700">Performance benchmarking</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
+                        <span class="text-gray-700">Regional hospital comparisons</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
+                        <span class="text-gray-700">Trend analysis over time</span>
+                    </li>
+                    <li class="flex items-start">
+                        <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
+                        <span class="text-gray-700">Quality indicator correlations</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <!-- Code section -->
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-10">
+            <!-- Python Script -->
+            <div class="bg-white rounded-xl overflow-hidden floating-card">
+                <div class="bg-gray-800 text-white px-4 py-3 flex justify-between items-center">
+                    <div class="flex items-center">
+                        <i class="fab fa-python text-xl mr-2"></i>
+                        <span class="font-mono">analysis_script.py</span>
+                    </div>
+                    <button class="text-gray-300 hover:text-white">
+                        <i class="far fa-copy"></i>
+                    </button>
+                </div>
+                <div class="p-4 code-block overflow-x-auto">
+                    <pre class="text-sm">
+<span class="text-green-400"># XML Analysis Script for Hospital Quality Reports</span>
+<span class="text-purple-400">import</span> os
+<span class="text-purple-400">import</span> xml.etree.ElementTree <span class="text-purple-400">as</span> ET
+<span class="text-purple-400">import</span> pandas <span class="text-purple-400">as</span> pd
+<span class="text-green-400"># Directory paths</span>
+input_dir = <span class="text-yellow-300">"/Users/alikhosravi/Desktop/XLMNEW/xml_2023"</span>
+output_dir = <span class="text-yellow-300">"/Users/alikhosravi/Desktop/XLMNEW/Result/2. Structure/XML file structure"</span>
+<span class="text-green-400"># Initialize data structures</span>
+tag_inventory = {}
+hospital_data = []
+<span class="text-green-400"># Process each XML file</span>
+<span class="text-purple-400">for</span> filename <span class="text-purple-400">in</span> os.listdir(input_dir):
+    <span class="text-purple-400">if</span> filename.endswith(<span class="text-yellow-300">".xml"</span>):
+        filepath = os.path.join(input_dir, filename)
+        tree = ET.parse(filepath)
+        root = tree.getroot()
+        <span class="text-green-400"># Extract hospital information</span>
+        hospital = {
+            <span class="text-yellow-300">'name'</span>: root.find(<span class="text-yellow-300">'hospital/name'</span>).text,
+            <span class="text-yellow-300">'ik_code'</span>: root.find(<span class="text-yellow-300">'hospital/ik_code'</span>).text,
+            <span class="text-yellow-300">'location'</span>: root.find(<span class="text-yellow-300">'hospital/address/city'</span>).text
+        }
+        hospital_data.append(hospital)
+        <span class="text-green-400"># Build tag inventory</span>
+        <span class="text-purple-400">for</span> elem <span class="text-purple-400">in</span> root.iter():
+            tag_path = <span class="text-yellow-300">' > '</span>.join([e.tag <span class="text-purple-400">for</span> e <span class="text-purple-400">in</span> elem.findall(<span class="text-yellow-300">'./ancestor-or-self::*'</span>)])
+            tag_inventory[tag_path] = tag_inventory.get(tag_path, <span class="text-blue-400">0</span>) + <span class="text-blue-400">1</span>
+<span class="text-green-400"># Save results</span>
+pd.DataFrame(hospital_data).to_excel(os.path.join(output_dir, <span class="text-yellow-300">'hospital_info.xlsx'</span>))
+pd.DataFrame(list(tag_inventory.items()), columns=[<span class="text-yellow-300">'Tag_Path'</span>, <span class="text-yellow-300">'Count'</span>]).to_csv(
+    os.path.join(output_dir, <span class="text-yellow-300">'tag_inventory.csv'</span>), index=<span class="text-purple-400">False</span>)</pre>
+                </div>
+            </div>
+            <!-- XML Sample -->
+            <div class="bg-white rounded-xl overflow-hidden floating-card">
+                <div class="bg-indigo-800 text-white px-4 py-3 flex justify-between items-center">
+                    <div class="flex items-center">
+                        <i class="fas fa-file-code text-xl mr-2"></i>
+                        <span class="font-mono">sample_hospital.xml</span>
+                    </div>
+                    <button class="text-indigo-300 hover:text-white">
+                        <i class="far fa-copy"></i>
+                    </button>
+                </div>
+                <div class="p-4 code-block overflow-x-auto">
+                    <pre class="text-sm">
+&lt;?xml version=<span class="text-yellow-300">"1.0"</span> encoding=<span class="text-yellow-300">"UTF-8"</span>?&gt;
+&lt;hospital_report&gt;
+  &lt;hospital&gt;
+    &lt;info&gt;
+      &lt;name&gt;<span class="text-gray-400">Charité - Universitätsmedizin Berlin</span>&lt;/name&gt;
+      &lt;ik_code&gt;<span class="text-gray-400">260500499</span>&lt;/ik_code&gt;
+      &lt;address&gt;
+        &lt;street&gt;<span class="text-gray-400">Charitéplatz 1</span>&lt;/street&gt;
+        &lt;city&gt;<span class="text-gray-400">Berlin</span>&lt;/city&gt;
+        &lt;zip&gt;<span class="text-gray-400">10117</span>&lt;/zip&gt;
+      &lt;/address&gt;
+    &lt;/info&gt;
+    &lt;services&gt;
+      &lt;department name=<span class="text-yellow-300">"Cardiology"</span> beds=<span class="text-yellow-300">"120"</span>/&gt;
+      &lt;department name=<span class="text-yellow-300">"Neurology"</span> beds=<span class="text-yellow-300">"85"</span>/&gt;
+    &lt;/services&gt;
+    &lt;quality_indicators&gt;
+      &lt;indicator name=<span class="text-yellow-300">"Patient Satisfaction"</span> value=<span class="text-yellow-300">"92.5"</span>/&gt;
+      &lt;indicator name=<span class="text-yellow-300">"Readmission Rate"</span> value=<span class="text-yellow-300">"8.2"</span>/&gt;
+    &lt;/quality_indicators&gt;
+  &lt;/hospital&gt;
+&lt;/hospital_report&gt;</pre>
+                </div>
+            </div>
+        </div>
+        <!-- Data categories -->
+        <div class="bg-white rounded-xl p-6 floating-card mb-10">
+            <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
+                <i class="fas fa-tags text-indigo-600 mr-3"></i>
+                Data Categories in XML Files
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                <div class="bg-indigo-50 p-4 rounded-lg border-l-4 border-indigo-500">
+                    <h3 class="font-semibold text-indigo-800 mb-2">Hospital Information</h3>
+                    <ul class="text-sm text-indigo-700 space-y-1">
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Name and address</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>IK code</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Ownership</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="bg-purple-50 p-4 rounded-lg border-l-4 border-purple-500">
+                    <h3 class="font-semibold text-purple-800 mb-2">Services & Departments</h3>
+                    <ul class="text-sm text-purple-700 space-y-1">
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Department types</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Bed counts</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Special treatments</span>
+                        </li>
+                    </ul>
+                </div>
+                <div class="bg-green-50 p-4 rounded-lg border-l-4 border-green-500">
+                    <h3 class="font-semibold text-green-800 mb-2">Quality Indicators</h3>
+                    <ul class="text-sm text-green-700 space-y-1">
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Treatment outcomes</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Performance metrics</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-circle text-xs mt-1 mr-2"></i>
+                            <span>Guideline compliance</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <!-- Output section -->
+        <div class="bg-white rounded-xl p-6 floating-card">
+            <h2 class="text-2xl font-bold text-gray-800 mb-6 flex items-center">
+                <i class="fas fa-file-export text-indigo-600 mr-3"></i>
+                Output Reports
+            </h2>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+                <div class="border rounded-lg p-4 hover:border-indigo-400 transition">
+                    <div class="flex items-center mb-3">
+                        <i class="fas fa-file-excel text-green-600 text-2xl mr-3"></i>
+                        <div>
+                            <h3 class="font-semibold text-gray-800">hospital_info.xlsx</h3>
+                            <p class="text-sm text-gray-500">Excel spreadsheet with hospital information</p>
+                        </div>
+                    </div>
+                    <div class="flex justify-between items-center text-sm">
+                        <span class="text-gray-500">Saved to:</span>
+                        <span class="font-mono bg-gray-100 px-2 py-1 rounded">/Result/2. Structure/</span>
+                    </div>
+                </div>
+                <div class="border rounded-lg p-4 hover:border-indigo-400 transition">
+                    <div class="flex items-center mb-3">
+                        <i class="fas fa-file-csv text-blue-600 text-2xl mr-3"></i>
+                        <div>
+                            <h3 class="font-semibold text-gray-800">tag_inventory.csv</h3>
+                            <p class="text-sm text-gray-500">Complete XML tag hierarchy inventory</p>
+                        </div>
+                    </div>
+                    <div class="flex justify-between items-center text-sm">
+                        <span class="text-gray-500">Saved to:</span>
+                        <span class="font-mono bg-gray-100 px-2 py-1 rounded">/Result/2. Structure/</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </main>
+    <!-- Footer -->
+    <footer class="bg-gray-800 text-white py-8 mt-12">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">XML Analyzer Pro</h3>
+                    <p class="text-gray-400">
+                        Advanced tool for processing and analyzing hospital quality report XML files from the QB-Referenzdatenbank.
+                    </p>
+                </div>
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">Quick Links</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Documentation</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">API Reference</a></li>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">GitHub Repository</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-lg font-semibold mb-4">Contact</h3>
+                    <ul class="space-y-2 text-gray-400">
+                        <li class="flex items-center">
+                            <i class="fas fa-envelope mr-2"></i>
+                            <span>support@xmlanalyzer.pro</span>
+                        </li>
+                        <li class="flex items-center">
+                            <i class="fas fa-globe mr-2"></i>
+                            <span>www.xmlanalyzer.pro</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
+                <p>© 2023 XML Analyzer Pro. All rights reserved.</p>
+            </div>
+        </div>
+    </footer>
+    <script>
+        // Cursor trail effect
+        document.addEventListener('DOMContentLoaded', function() {
+            const container = document.getElementById('cursor-trail-container');
+            const colors = ['#6366f1', '#8b5cf6', '#a855f7', '#d946ef'];
+            document.addEventListener('mousemove', function(e) {
+                // Create new trail element
+                const trail = document.createElement('div');
+                trail.className = 'cursor-trail';
+                // Random size and color
+                const size = Math.random() * 10 + 5;
+                const color = colors[Math.floor(Math.random() * colors.length)];
+                trail.style.width = `${size}px`;
+                trail.style.height = `${size}px`;
+                trail.style.backgroundColor = color;
+                // Position at cursor
+                trail.style.left = `${e.pageX}px`;
+                trail.style.top = `${e.pageY}px`;
+                // Add to container
+                container.appendChild(trail);
+                // Remove after animation
+                setTimeout(() => {
+                    trail.style.opacity = '0';
+                    trail.style.transform = 'translate(-50%, -50%) scale(2)';
+                    setTimeout(() => trail.remove(), 200);
+                }, 500);
+            });
+            // Simulate progress bar animation
+            const progressBar = document.getElementById('analysis-progress');
+            let progress = 0;
+            const interval = setInterval(() => {
+                progress += Math.random() * 5;
+                if (progress >= 100) {
+                    progress = 100;
+                    clearInterval(interval);
+                }
+                progressBar.style.width = `${progress}%`;
+            }, 200);
+            // Add hover effects to XML tags
+            const xmlTags = document.querySelectorAll('.xml-tag');
+            xmlTags.forEach(tag => {
+                tag.addEventListener('mouseenter', () => {
+                    tag.style.boxShadow = '0 4px 6px -1px rgba(99, 102, 241, 0.3)';
+                });
+                tag.addEventListener('mouseleave', () => {
+                    tag.style.boxShadow = 'none';
+                });
+            });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=Alivee95/my-test-space" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
+</html>