Spaces:
Running
Running
| <!-- 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> | |