Spaces:
Running
Running
File size: 3,297 Bytes
fb33344 |
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 |
<!-- Research-Friendly Hospitals Page -->
<div class="min-h-screen flex flex-col bg-white">
<!-- Header -->
<header class="bg-primary text-white">
<div class="max-w-4xl mx-auto px-4 py-3 flex items-center justify-between">
<h1 class="text-2xl font-bold">TN Medical Connect</h1>
<nav class="space-x-4 text-sm">
<a href="#" class="hover:underline">Home</a>
<a href="#" class="hover:underline font-semibold">Research-Friendly Hospitals</a>
<a href="#" class="hover:underline">Research</a>
<!-- ...other nav links -->
</nav>
</div>
</header>
<!-- Main Content -->
<main class="flex-1 max-w-4xl mx-auto px-4 py-6">
<h2 class="text-3xl font-bold text-gray-800 mb-4">🏆 Top Research-Active Hospitals in Tamil Nadu</h2>
<p class="text-gray-600 mb-6">This chart ranks Tamil Nadu hospitals by research output (publications in 2024). It highlights the institutions leading in medical research and innovation.</p>
<!-- Rankings Chart -->
<div class="space-y-4">
<!-- Hospital 1 -->
<div>
<div class="flex justify-between text-sm">
<span class="font-medium text-gray-800">1. CMC Vellore</span>
<span class="text-gray-600">130 publications</span>
</div>
<div class="bg-primary h-3 rounded mt-1" style="width: 100%;"></div>
</div>
<!-- Hospital 2 -->
<div>
<div class="flex justify-between text-sm">
<span class="font-medium text-gray-800">2. Madras Medical College</span>
<span class="text-gray-600">115 publications</span>
</div>
<div class="bg-primary h-3 rounded mt-1" style="width: 88%;"></div>
</div>
<!-- Hospital 3 -->
<div>
<div class="flex justify-between text-sm">
<span class="font-medium text-gray-800">3. Apollo Hospitals Chennai</span>
<span class="text-gray-600">90 publications</span>
</div>
<div class="bg-primary h-3 rounded mt-1" style="width: 69%;"></div>
</div>
<!-- Hospital 4 -->
<div>
<div class="flex justify-between text-sm">
<span class="font-medium text-gray-800">4. PSG Institute, Coimbatore</span>
<span class="text-gray-600">80 publications</span>
</div>
<div class="bg-primary h-3 rounded mt-1" style="width: 62%;"></div>
</div>
<!-- Hospital 5 -->
<div>
<div class="flex justify-between text-sm">
<span class="font-medium text-gray-800">5. Stanley Medical College</span>
<span class="text-gray-600">75 publications</span>
</div>
<div class="bg-primary h-3 rounded mt-1" style="width: 58%;"></div>
</div>
</div>
<!-- Note: for an interactive chart, Chart.js can be used to render bars dynamically -->
<p class="mt-4 text-xs text-gray-500">* Data represents number of PubMed-indexed publications in 2024. (Illustrative data)</p>
</main>
<!-- Footer -->
<footer class="bg-gray-100">
<div class="max-w-4xl mx-auto px-4 py-5 text-sm text-gray-600">
© 2025 TN Medical Connect · <a href="#" class="text-primary hover:underline">Methodology</a>
</div>
</footer>
</div>
|