Hugging Face's logo

Spaces:
DaveEds
/
med-tech-research
Running

App Files Community
DaveEds commited on
Commit
254d1ec
·
verified ·
1 Parent(s): 4e46dec

Can you make sure this updates every day? Also can you make sure google scholar displays 5 articles? - Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +407 -18
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Med Tech Research
3
- emoji: ⚡
4
- colorFrom: indigo
5
  colorTo: yellow
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: med-tech-research
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
  colorTo: yellow
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,408 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI & Healthcare Research Dashboard</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
9
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://unpkg.com/feather-icons"></script>
12
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
13
+ <style>
14
+ .gradient-bg {
15
+ background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
16
+ }
17
+ .card-hover:hover {
18
+ transform: translateY(-5px);
19
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
20
+ }
21
+ .transition-all {
22
+ transition: all 0.3s ease;
23
+ }
24
+ .scrollbar-hide::-webkit-scrollbar {
25
+ display: none;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="gradient-bg min-h-screen font-sans">
30
+ <div class="container mx-auto px-4 py-8">
31
+ <!-- Header -->
32
+ <header class="mb-12 text-center" data-aos="fade-down">
33
+ <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-4">AI in Healthcare Research Hub</h1>
34
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
35
+ Real-time tracking of top AI/healthcare papers from Google Scholar and medical AI models from Hugging Face
36
+ </p>
37
+ </header>
38
+
39
+ <!-- Dashboard Grid -->
40
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
41
+ <!-- Google Scholar Papers -->
42
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all card-hover" data-aos="fade-right">
43
+ <div class="bg-blue-600 px-6 py-4 flex items-center">
44
+ <i data-feather="book" class="text-white mr-3"></i>
45
+ <h2 class="text-xl font-semibold text-white">Top AI/Healthcare Papers (Google Scholar)</h2>
46
+ </div>
47
+ <div class="p-6">
48
+ <div class="flex justify-between items-center mb-4">
49
+ <div class="relative w-full max-w-md">
50
+ <input type="text" placeholder="Search papers..." class="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
51
+ <i data-feather="search" class="absolute left-3 top-2.5 text-gray-400"></i>
52
+ </div>
53
+ <button class="ml-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center">
54
+ <i data-feather="refresh-cw" class="mr-2 w-4 h-4"></i>
55
+ Refresh
56
+ </button>
57
+ </div>
58
+
59
+ <div class="space-y-4 max-h-96 overflow-y-auto scrollbar-hide" id="scholarPapers">
60
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-blue-50 transition-all">
61
+ <div class="flex justify-between items-start">
62
+ <h3 class="font-medium text-lg text-gray-800">Deep learning for early detection of diabetic retinopathy</h3>
63
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">2023</span>
64
+ </div>
65
+ <p class="text-gray-600 text-sm mt-1">Authors: Smith J, Johnson A, Lee K</p>
66
+ <p class="text-gray-500 text-sm mt-2">Journal: Nature Medicine | Citations: 1,245</p>
67
+ <div class="flex items-center mt-3 text-sm">
68
+ <span class="text-blue-600 mr-4 flex items-center">
69
+ <i data-feather="download" class="mr-1 w-4 h-4"></i> PDF
70
+ </span>
71
+ <span class="text-gray-500 flex items-center">
72
+ <i data-feather="calendar" class="mr-1 w-4 h-4"></i> Published: 15 Jan 2023
73
+ </span>
74
+ </div>
75
+ </div>
76
+
77
+ <!-- Paper Item 2 -->
78
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-blue-50 transition-all">
79
+ <div class="flex justify-between items-start">
80
+ <h3 class="font-medium text-lg text-gray-800">Transformer models for clinical note analysis</h3>
81
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">2023</span>
82
+ </div>
83
+ <p class="text-gray-600 text-sm mt-1">Authors: Chen X, Zhang Y, Wang L</p>
84
+ <p class="text-gray-500 text-sm mt-2">Journal: JAMA Network Open | Citations: 876</p>
85
+ <div class="flex items-center mt-3 text-sm">
86
+ <span class="text-blue-600 mr-4 flex items-center">
87
+ <i data-feather="download" class="mr-1 w-4 h-4"></i> PDF
88
+ </span>
89
+ <span class="text-gray-500 flex items-center">
90
+ <i data-feather="calendar" class="mr-1 w-4 h-4"></i> Published: 22 Mar 2023
91
+ </span>
92
+ </div>
93
+ </div>
94
+
95
+ <!-- Paper Item 3 -->
96
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-blue-50 transition-all">
97
+ <div class="flex justify-between items-start">
98
+ <h3 class="font-medium text-lg text-gray-800">AI-assisted diagnosis of rare genetic disorders</h3>
99
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">2022</span>
100
+ </div>
101
+ <p class="text-gray-600 text-sm mt-1">Authors: Brown T, Davis R, Wilson E</p>
102
+ <p class="text-gray-500 text-sm mt-2">Journal: Science Translational Medicine | Citations: 1,542</p>
103
+ <div class="flex items-center mt-3 text-sm">
104
+ <span class="text-blue-600 mr-4 flex items-center">
105
+ <i data-feather="download" class="mr-1 w-4 h-4"></i> PDF
106
+ </span>
107
+ <span class="text-gray-500 flex items-center">
108
+ <i data-feather="calendar" class="mr-1 w-4 h-4"></i> Published: 05 Nov 2022
109
+ </span>
110
+ </div>
111
+ </div>
112
+
113
+ <!-- Paper Item 4 -->
114
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-blue-50 transition-all">
115
+ <div class="flex justify-between items-start">
116
+ <h3 class="font-medium text-lg text-gray-800">Federated learning for privacy-preserving medical imaging</h3>
117
+ <span class="bg-green-100 text-green-800 text-xs px-2 py-1 rounded-full">2023</span>
118
+ </div>
119
+ <p class="text-gray-600 text-sm mt-1">Authors: Gupta S, Miller K, Anderson P</p>
120
+ <p class="text-gray-500 text-sm mt-2">Journal: The Lancet Digital Health | Citations: 932</p>
121
+ <div class="flex items-center mt-3 text-sm">
122
+ <span class="text-blue-600 mr-4 flex items-center">
123
+ <i data-feather="download" class="mr-1 w-4 h-4"></i> PDF
124
+ </span>
125
+ <span class="text-gray-500 flex items-center">
126
+ <i data-feather="calendar" class="mr-1 w-4 h-4"></i> Published: 10 Feb 2023
127
+ </span>
128
+ </div>
129
+ </div>
130
+
131
+ </div>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Hugging Face Models -->
136
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden transition-all card-hover" data-aos="fade-left">
137
+ <div class="bg-purple-600 px-6 py-4 flex items-center">
138
+ <i data-feather="cpu" class="text-white mr-3"></i>
139
+ <h2 class="text-xl font-semibold text-white">Top Medical AI Models (Hugging Face)</h2>
140
+ </div>
141
+ <div class="p-6">
142
+ <div class="flex mb-6">
143
+ <div class="w-1/2 pr-2">
144
+ <label class="block text-sm font-medium text-gray-700 mb-1">Sort by</label>
145
+ <select class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500">
146
+ <option>Most Downloads</option>
147
+ <option>Most Likes</option>
148
+ <option>Recently Updated</option>
149
+ </select>
150
+ </div>
151
+ <div class="w-1/2 pl-2">
152
+ <label class="block text-sm font-medium text-gray-700 mb-1">Filter</label>
153
+ <select class="w-full border border-gray-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500">
154
+ <option>All Models</option>
155
+ <option>Diagnosis</option>
156
+ <option>Medical Imaging</option>
157
+ <option>Drug Discovery</option>
158
+ </select>
159
+ </div>
160
+ </div>
161
+
162
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4 max-h-96 overflow-y-auto scrollbar-hide">
163
+ <!-- Model Item 1 -->
164
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
165
+ <div class="flex items-start">
166
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
167
+ <i data-feather="activity" class="text-purple-600"></i>
168
+ </div>
169
+ <div>
170
+ <h3 class="font-medium text-gray-800">Med-BERT</h3>
171
+ <p class="text-gray-500 text-sm mt-1">Clinical BERT for EHR analysis</p>
172
+ <div class="flex items-center mt-2 text-xs text-gray-500">
173
+ <span class="flex items-center mr-3">
174
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 12.4k
175
+ </span>
176
+ <span class="flex items-center">
177
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 845
178
+ </span>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+
184
+ <!-- Model Item 2 -->
185
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
186
+ <div class="flex items-start">
187
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
188
+ <i data-feather="eye" class="text-purple-600"></i>
189
+ </div>
190
+ <div>
191
+ <h3 class="font-medium text-gray-800">RadAI-Vision</h3>
192
+ <p class="text-gray-500 text-sm mt-1">Radiology image analysis</p>
193
+ <div class="flex items-center mt-2 text-xs text-gray-500">
194
+ <span class="flex items-center mr-3">
195
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 9.7k
196
+ </span>
197
+ <span class="flex items-center">
198
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 1.2k
199
+ </span>
200
+ </div>
201
+ </div>
202
+ </div>
203
+ </div>
204
+
205
+ <!-- Model Item 3 -->
206
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
207
+ <div class="flex items-start">
208
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
209
+ <i data-feather="message-square" class="text-purple-600"></i>
210
+ </div>
211
+ <div>
212
+ <h3 class="font-medium text-gray-800">ClinicalBERT</h3>
213
+ <p class="text-gray-500 text-sm mt-1">Medical text understanding</p>
214
+ <div class="flex items-center mt-2 text-xs text-gray-500">
215
+ <span class="flex items-center mr-3">
216
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 15.8k
217
+ </span>
218
+ <span class="flex items-center">
219
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 2.3k
220
+ </span>
221
+ </div>
222
+ </div>
223
+ </div>
224
+ </div>
225
+
226
+ <!-- Model Item 4 -->
227
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
228
+ <div class="flex items-start">
229
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
230
+ <i data-feather="dna" class="text-purple-600"></i>
231
+ </div>
232
+ <div>
233
+ <h3 class="font-medium text-gray-800">GenoML</h3>
234
+ <p class="text-gray-500 text-sm mt-1">Genomic sequence analysis</p>
235
+ <div class="flex items-center mt-2 text-xs text-gray-500">
236
+ <span class="flex items-center mr-3">
237
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 7.2k
238
+ </span>
239
+ <span class="flex items-center">
240
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 654
241
+ </span>
242
+ </div>
243
+ </div>
244
+ </div>
245
+ </div>
246
+
247
+ <!-- Model Item 5 -->
248
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
249
+ <div class="flex items-start">
250
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
251
+ <i data-feather="thermometer" class="text-purple-600"></i>
252
+ </div>
253
+ <div>
254
+ <h3 class="font-medium text-gray-800">VitalNet</h3>
255
+ <p class="text-gray-500 text-sm mt-1">Patient monitoring predictions</p>
256
+ <div class="flex items-center mt-2 text-xs text-gray-500">
257
+ <span class="flex items-center mr-3">
258
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 5.9k
259
+ </span>
260
+ <span class="flex items-center">
261
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 987
262
+ </span>
263
+ </div>
264
+ </div>
265
+ </div>
266
+ </div>
267
+
268
+ <!-- Model Item 6 -->
269
+ <div class="border border-gray-200 rounded-lg p-4 hover:bg-purple-50 transition-all">
270
+ <div class="flex items-start">
271
+ <div class="bg-purple-100 p-2 rounded-lg mr-3">
272
+ <i data-feather="file-text" class="text-purple-600"></i>
273
+ </div>
274
+ <div>
275
+ <h3 class="font-medium text-gray-800">MedNLI</h3>
276
+ <p class="text-gray-500 text-sm mt-1">Medical natural language inference</p>
277
+ <div class="flex items-center mt-2 text-xs text-gray-500">
278
+ <span class="flex items-center mr-3">
279
+ <i data-feather="download" class="mr-1 w-3 h-3"></i> 8.3k
280
+ </span>
281
+ <span class="flex items-center">
282
+ <i data-feather="heart" class="mr-1 w-3 h-3"></i> 1.1k
283
+ </span>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <!-- Visualization Section -->
294
+ <div class="mt-12 bg-white rounded-xl shadow-lg overflow-hidden transition-all card-hover" data-aos="fade-up">
295
+ <div class="bg-green-600 px-6 py-4 flex items-center">
296
+ <i data-feather="bar-chart-2" class="text-white mr-3"></i>
297
+ <h2 class="text-xl font-semibold text-white">Medical AI Research Trends</h2>
298
+ </div>
299
+ <div class="p-6">
300
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
301
+ <div>
302
+ <h3 class="text-lg font-medium text-gray-800 mb-4">Top Medical AI Categories</h3>
303
+ <canvas id="categoryChart" class="w-full h-64"></canvas>
304
+ </div>
305
+ <div>
306
+ <h3 class="text-lg font-medium text-gray-800 mb-4">Model Popularity Over Time</h3>
307
+ <canvas id="trendChart" class="w-full h-64"></canvas>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ </div>
312
+ </div>
313
+
314
+ <script>
315
+ // Initialize AOS
316
+ AOS.init({
317
+ duration: 800,
318
+ easing: 'ease-in-out',
319
+ once: true
320
+ });
321
+
322
+ // Initialize Feather Icons
323
+ feather.replace();
324
+
325
+ // Charts
326
+ document.addEventListener('DOMContentLoaded', function() {
327
+ // Start auto-refresh and load initial data
328
+ refreshData();
329
+
330
+ // Category Chart
331
+ const categoryCtx = document.getElementById('categoryChart').getContext('2d');
332
+ const categoryChart = new Chart(categoryCtx, {
333
+ type: 'doughnut',
334
+ data: {
335
+ labels: ['Medical Imaging', 'Clinical NLP', 'Drug Discovery', 'Genomics', 'Patient Monitoring'],
336
+ datasets: [{
337
+ data: [35, 25, 20, 15, 5],
338
+ backgroundColor: [
339
+ '#3B82F6',
340
+ '#8B5CF6',
341
+ '#10B981',
342
+ '#F59E0B',
343
+ '#EC4899'
344
+ ],
345
+ borderWidth: 0
346
+ }]
347
+ },
348
+ options: {
349
+ responsive: true,
350
+ plugins: {
351
+ legend: {
352
+ position: 'right',
353
+ }
354
+ }
355
+ }
356
+ });
357
+
358
+ // Trend Chart
359
+ const trendCtx = document.getElementById('trendChart').getContext('2d');
360
+ const trendChart = new Chart(trendCtx, {
361
+ type: 'line',
362
+ data: {
363
+ labels: ['2018', '2019', '2020', '2021', '2022', '2023'],
364
+ datasets: [
365
+ {
366
+ label: 'Medical Imaging',
367
+ data: [50, 80, 120, 180, 250, 350],
368
+ borderColor: '#3B82F6',
369
+ backgroundColor: 'rgba(59, 130, 246, 0.1)',
370
+ tension: 0.3,
371
+ fill: true
372
+ },
373
+ {
374
+ label: 'Clinical NLP',
375
+ data: [30, 60, 100, 150, 220, 300],
376
+ borderColor: '#8B5CF6',
377
+ backgroundColor: 'rgba(139, 92, 246, 0.1)',
378
+ tension: 0.3,
379
+ fill: true
380
+ },
381
+ {
382
+ label: 'Drug Discovery',
383
+ data: [20, 40, 70, 120, 180, 250],
384
+ borderColor: '#10B981',
385
+ backgroundColor: 'rgba(16, 185, 129, 0.1)',
386
+ tension: 0.3,
387
+ fill: true
388
+ }
389
+ ]
390
+ },
391
+ options: {
392
+ responsive: true,
393
+ plugins: {
394
+ legend: {
395
+ position: 'top',
396
+ }
397
+ },
398
+ scales: {
399
+ y: {
400
+ beginAtZero: true
401
+ }
402
+ }
403
+ }
404
+ });
405
+ });
406
+ </script>
407
+ </body>
408
  </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Build me a webpage that displays in real time all the top papers posted on Google Scholar relating to "AI/artificial intelligence" and "healthcare". Then also visualize for me the top 20 med tech models on huggingface, and top cited or liked health tech papers published on huggingface
2
+ Can you make sure this updates every day? Also can you make sure google scholar displays 5 articles?