Hugging Face's logo

Spaces:
xinghen
/
ttt
Running

App Files Community
xinghen commited on
Commit
f831887
·
verified ·
1 Parent(s): e1fc493

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +588 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ttt
3
- emoji: 🔥
4
- colorFrom: pink
5
- colorTo: indigo
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: ttt
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: red
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,588 @@
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>Data Analytics Dashboard</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/map/js/china.js"></script>
10
+ <style>
11
+ .chart-container {
12
+ width: 100%;
13
+ height: 100%;
14
+ min-height: 300px;
15
+ }
16
+ .grid-item {
17
+ transition: all 0.3s ease;
18
+ }
19
+ .grid-item:hover {
20
+ transform: translateY(-5px);
21
+ box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
22
+ }
23
+ .table-container {
24
+ max-height: 300px;
25
+ overflow-y: auto;
26
+ }
27
+ .table-container::-webkit-scrollbar {
28
+ width: 6px;
29
+ }
30
+ .table-container::-webkit-scrollbar-track {
31
+ background: #f1f1f1;
32
+ }
33
+ .table-container::-webkit-scrollbar-thumb {
34
+ background: #888;
35
+ border-radius: 3px;
36
+ }
37
+ .table-container::-webkit-scrollbar-thumb:hover {
38
+ background: #555;
39
+ }
40
+ </style>
41
+ </head>
42
+ <body class="bg-gray-50">
43
+ <div class="container mx-auto px-4 py-8">
44
+ <h1 class="text-3xl font-bold text-center text-indigo-700 mb-8">Data Analytics Dashboard</h1>
45
+
46
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
47
+ <!-- Left Column -->
48
+ <div class="space-y-6">
49
+ <!-- Pie Chart -->
50
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
51
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Revenue Distribution</h2>
52
+ <div class="chart-container" id="pieChart"></div>
53
+ </div>
54
+
55
+ <!-- Line Chart -->
56
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
57
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Monthly Trends</h2>
58
+ <div class="chart-container" id="lineChart"></div>
59
+ </div>
60
+
61
+ <!-- Bar Chart -->
62
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
63
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Category Comparison</h2>
64
+ <div class="chart-container" id="barChart"></div>
65
+ </div>
66
+ </div>
67
+
68
+ <!-- Middle Column - China Map -->
69
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
70
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Regional Performance</h2>
71
+ <div class="chart-container" id="chinaMap"></div>
72
+ </div>
73
+
74
+ <!-- Right Column -->
75
+ <div class="space-y-6">
76
+ <!-- Table -->
77
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
78
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Top Performers</h2>
79
+ <div class="table-container">
80
+ <table class="min-w-full divide-y divide-gray-200">
81
+ <thead class="bg-gray-50">
82
+ <tr>
83
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Rank</th>
84
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Region</th>
85
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Revenue</th>
86
+ <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Growth</th>
87
+ </tr>
88
+ </thead>
89
+ <tbody class="bg-white divide-y divide-gray-200">
90
+ <tr>
91
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">1</td>
92
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Guangdong</td>
93
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥12.4M</td>
94
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+24%</td>
95
+ </tr>
96
+ <tr>
97
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">2</td>
98
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Jiangsu</td>
99
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥9.8M</td>
100
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+18%</td>
101
+ </tr>
102
+ <tr>
103
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">3</td>
104
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Zhejiang</td>
105
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥8.2M</td>
106
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+15%</td>
107
+ </tr>
108
+ <tr>
109
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">4</td>
110
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Shandong</td>
111
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥7.5M</td>
112
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+12%</td>
113
+ </tr>
114
+ <tr>
115
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">5</td>
116
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Henan</td>
117
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥6.3M</td>
118
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+9%</td>
119
+ </tr>
120
+ <tr>
121
+ <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">6</td>
122
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">Sichuan</td>
123
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">¥5.8M</td>
124
+ <td class="px-6 py-4 whitespace-nowrap text-sm text-green-500">+8%</td>
125
+ </tr>
126
+ </tbody>
127
+ </table>
128
+ </div>
129
+ </div>
130
+
131
+ <!-- Graph Chart -->
132
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
133
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Relationship Network</h2>
134
+ <div class="chart-container" id="graphChart"></div>
135
+ </div>
136
+
137
+ <!-- Radar Chart -->
138
+ <div class="bg-white rounded-xl shadow-md p-4 grid-item">
139
+ <h2 class="text-lg font-semibold text-gray-800 mb-4">Performance Metrics</h2>
140
+ <div class="chart-container" id="radarChart"></div>
141
+ </div>
142
+ </div>
143
+ </div>
144
+ </div>
145
+
146
+ <script>
147
+ // Initialize all charts
148
+ document.addEventListener('DOMContentLoaded', function() {
149
+ // Pie Chart
150
+ const pieChart = echarts.init(document.getElementById('pieChart'));
151
+ pieChart.setOption({
152
+ tooltip: {
153
+ trigger: 'item'
154
+ },
155
+ legend: {
156
+ top: '5%',
157
+ left: 'center'
158
+ },
159
+ series: [
160
+ {
161
+ name: 'Revenue Distribution',
162
+ type: 'pie',
163
+ radius: ['40%', '70%'],
164
+ avoidLabelOverlap: false,
165
+ itemStyle: {
166
+ borderRadius: 10,
167
+ borderColor: '#fff',
168
+ borderWidth: 2
169
+ },
170
+ label: {
171
+ show: false,
172
+ position: 'center'
173
+ },
174
+ emphasis: {
175
+ label: {
176
+ show: true,
177
+ fontSize: '18',
178
+ fontWeight: 'bold'
179
+ }
180
+ },
181
+ labelLine: {
182
+ show: false
183
+ },
184
+ data: [
185
+ { value: 1048, name: 'Product A' },
186
+ { value: 735, name: 'Product B' },
187
+ { value: 580, name: 'Product C' },
188
+ { value: 484, name: 'Product D' },
189
+ { value: 300, name: 'Product E' }
190
+ ],
191
+ color: ['#6366F1', '#8B5CF6', '#EC4899', '#F59E0B', '#10B981']
192
+ }
193
+ ]
194
+ });
195
+
196
+ // Line Chart
197
+ const lineChart = echarts.init(document.getElementById('lineChart'));
198
+ lineChart.setOption({
199
+ tooltip: {
200
+ trigger: 'axis',
201
+ axisPointer: {
202
+ type: 'shadow'
203
+ }
204
+ },
205
+ grid: {
206
+ left: '3%',
207
+ right: '4%',
208
+ bottom: '3%',
209
+ containLabel: true
210
+ },
211
+ xAxis: {
212
+ type: 'category',
213
+ data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
214
+ axisLine: {
215
+ lineStyle: {
216
+ color: '#9CA3AF'
217
+ }
218
+ },
219
+ axisLabel: {
220
+ color: '#6B7280'
221
+ }
222
+ },
223
+ yAxis: {
224
+ type: 'value',
225
+ axisLine: {
226
+ lineStyle: {
227
+ color: '#9CA3AF'
228
+ }
229
+ },
230
+ axisLabel: {
231
+ color: '#6B7280'
232
+ },
233
+ splitLine: {
234
+ lineStyle: {
235
+ color: '#E5E7EB'
236
+ }
237
+ }
238
+ },
239
+ series: [
240
+ {
241
+ name: 'Revenue',
242
+ type: 'line',
243
+ smooth: true,
244
+ data: [120, 200, 150, 80, 70, 110, 130, 180, 220, 250, 280, 310],
245
+ itemStyle: {
246
+ color: '#6366F1'
247
+ },
248
+ areaStyle: {
249
+ color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
250
+ {
251
+ offset: 0,
252
+ color: 'rgba(99, 102, 241, 0.5)'
253
+ },
254
+ {
255
+ offset: 1,
256
+ color: 'rgba(99, 102, 241, 0.1)'
257
+ }
258
+ ])
259
+ }
260
+ }
261
+ ]
262
+ });
263
+
264
+ // Bar Chart
265
+ const barChart = echarts.init(document.getElementById('barChart'));
266
+ barChart.setOption({
267
+ tooltip: {
268
+ trigger: 'axis',
269
+ axisPointer: {
270
+ type: 'shadow'
271
+ }
272
+ },
273
+ grid: {
274
+ left: '3%',
275
+ right: '4%',
276
+ bottom: '3%',
277
+ containLabel: true
278
+ },
279
+ xAxis: {
280
+ type: 'value',
281
+ axisLine: {
282
+ lineStyle: {
283
+ color: '#9CA3AF'
284
+ }
285
+ },
286
+ axisLabel: {
287
+ color: '#6B7280'
288
+ },
289
+ splitLine: {
290
+ lineStyle: {
291
+ color: '#E5E7EB'
292
+ }
293
+ }
294
+ },
295
+ yAxis: {
296
+ type: 'category',
297
+ data: ['Electronics', 'Clothing', 'Food', 'Furniture', 'Books'],
298
+ axisLine: {
299
+ lineStyle: {
300
+ color: '#9CA3AF'
301
+ }
302
+ },
303
+ axisLabel: {
304
+ color: '#6B7280'
305
+ }
306
+ },
307
+ series: [
308
+ {
309
+ name: 'Sales',
310
+ type: 'bar',
311
+ data: [120, 200, 150, 80, 70],
312
+ itemStyle: {
313
+ color: function(params) {
314
+ const colorList = ['#6366F1', '#8B5CF6', '#EC4899', '#F59E0B', '#10B981'];
315
+ return colorList[params.dataIndex];
316
+ },
317
+ borderRadius: [0, 4, 4, 0]
318
+ }
319
+ }
320
+ ]
321
+ });
322
+
323
+ // China Map
324
+ const chinaMap = echarts.init(document.getElementById('chinaMap'));
325
+ chinaMap.setOption({
326
+ tooltip: {
327
+ trigger: 'item',
328
+ formatter: '{b}<br/>Revenue: {c} (¥10K)'
329
+ },
330
+ visualMap: {
331
+ min: 0,
332
+ max: 1200,
333
+ text: ['High', 'Low'],
334
+ realtime: false,
335
+ calculable: true,
336
+ inRange: {
337
+ color: ['#E0F7FA', '#4DD0E1', '#0097A7', '#006064']
338
+ },
339
+ textStyle: {
340
+ color: '#6B7280'
341
+ }
342
+ },
343
+ series: [
344
+ {
345
+ name: 'Revenue',
346
+ type: 'map',
347
+ map: 'china',
348
+ emphasis: {
349
+ label: {
350
+ show: true
351
+ }
352
+ },
353
+ data: [
354
+ {name: '北京', value: 1200},
355
+ {name: '天津', value: 800},
356
+ {name: '上海', value: 1100},
357
+ {name: '重庆', value: 600},
358
+ {name: '河北', value: 400},
359
+ {name: '河南', value: 630},
360
+ {name: '云南', value: 350},
361
+ {name: '辽宁', value: 500},
362
+ {name: '黑龙江', value: 380},
363
+ {name: '湖南', value: 450},
364
+ {name: '安徽', value: 420},
365
+ {name: '山东', value: 750},
366
+ {name: '新疆', value: 280},
367
+ {name: '江苏', value: 980},
368
+ {name: '浙江', value: 820},
369
+ {name: '江西', value: 390},
370
+ {name: '湖北', value: 470},
371
+ {name: '广西', value: 360},
372
+ {name: '甘肃', value: 310},
373
+ {name: '山西', value: 380},
374
+ {name: '内蒙古', value: 290},
375
+ {name: '陕西', value: 420},
376
+ {name: '吉林', value: 350},
377
+ {name: '福建', value: 520},
378
+ {name: '贵州', value: 320},
379
+ {name: '广东', value: 1240},
380
+ {name: '青海', value: 180},
381
+ {name: '西藏', value: 150},
382
+ {name: '四川', value: 580},
383
+ {name: '宁夏', value: 220},
384
+ {name: '海南', value: 260}
385
+ ]
386
+ }
387
+ ]
388
+ });
389
+
390
+ // Graph Chart
391
+ const graphChart = echarts.init(document.getElementById('graphChart'));
392
+ graphChart.setOption({
393
+ tooltip: {},
394
+ legend: {
395
+ data: ['Category 1', 'Category 2', 'Category 3'],
396
+ textStyle: {
397
+ color: '#6B7280'
398
+ }
399
+ },
400
+ series: [
401
+ {
402
+ name: 'Relationships',
403
+ type: 'graph',
404
+ layout: 'force',
405
+ data: [
406
+ {
407
+ name: 'Node 1',
408
+ category: 0,
409
+ symbolSize: 50
410
+ },
411
+ {
412
+ name: 'Node 2',
413
+ category: 0,
414
+ symbolSize: 30
415
+ },
416
+ {
417
+ name: 'Node 3',
418
+ category: 1,
419
+ symbolSize: 40
420
+ },
421
+ {
422
+ name: 'Node 4',
423
+ category: 1,
424
+ symbolSize: 35
425
+ },
426
+ {
427
+ name: 'Node 5',
428
+ category: 2,
429
+ symbolSize: 45
430
+ },
431
+ {
432
+ name: 'Node 6',
433
+ category: 2,
434
+ symbolSize: 25
435
+ }
436
+ ],
437
+ links: [
438
+ {
439
+ source: 'Node 1',
440
+ target: 'Node 2'
441
+ },
442
+ {
443
+ source: 'Node 1',
444
+ target: 'Node 3'
445
+ },
446
+ {
447
+ source: 'Node 2',
448
+ target: 'Node 4'
449
+ },
450
+ {
451
+ source: 'Node 3',
452
+ target: 'Node 5'
453
+ },
454
+ {
455
+ source: 'Node 4',
456
+ target: 'Node 6'
457
+ },
458
+ {
459
+ source: 'Node 5',
460
+ target: 'Node 6'
461
+ }
462
+ ],
463
+ categories: [
464
+ {
465
+ name: 'Category 1'
466
+ },
467
+ {
468
+ name: 'Category 2'
469
+ },
470
+ {
471
+ name: 'Category 3'
472
+ }
473
+ ],
474
+ roam: true,
475
+ label: {
476
+ show: true,
477
+ position: 'right'
478
+ },
479
+ force: {
480
+ repulsion: 100
481
+ },
482
+ emphasis: {
483
+ focus: 'adjacency',
484
+ label: {
485
+ show: true
486
+ }
487
+ },
488
+ lineStyle: {
489
+ color: 'source',
490
+ curveness: 0.3
491
+ },
492
+ itemStyle: {
493
+ color: function(params) {
494
+ const colorList = ['#6366F1', '#8B5CF6', '#EC4899'];
495
+ return colorList[params.data.category];
496
+ }
497
+ }
498
+ }
499
+ ]
500
+ });
501
+
502
+ // Radar Chart
503
+ const radarChart = echarts.init(document.getElementById('radarChart'));
504
+ radarChart.setOption({
505
+ tooltip: {},
506
+ legend: {
507
+ data: ['Current', 'Target'],
508
+ textStyle: {
509
+ color: '#6B7280'
510
+ }
511
+ },
512
+ radar: {
513
+ indicator: [
514
+ { name: 'Sales', max: 100 },
515
+ { name: 'Marketing', max: 100 },
516
+ { name: 'Technology', max: 100 },
517
+ { name: 'Customer', max: 100 },
518
+ { name: 'Development', max: 100 },
519
+ { name: 'Support', max: 100 }
520
+ ],
521
+ splitArea: {
522
+ show: false
523
+ },
524
+ axisLine: {
525
+ lineStyle: {
526
+ color: '#E5E7EB'
527
+ }
528
+ },
529
+ splitLine: {
530
+ lineStyle: {
531
+ color: '#E5E7EB'
532
+ }
533
+ },
534
+ name: {
535
+ textStyle: {
536
+ color: '#6B7280'
537
+ }
538
+ }
539
+ },
540
+ series: [
541
+ {
542
+ name: 'Performance',
543
+ type: 'radar',
544
+ data: [
545
+ {
546
+ value: [80, 75, 85, 90, 70, 60],
547
+ name: 'Current',
548
+ areaStyle: {
549
+ color: 'rgba(99, 102, 241, 0.4)'
550
+ },
551
+ lineStyle: {
552
+ color: '#6366F1'
553
+ },
554
+ itemStyle: {
555
+ color: '#6366F1'
556
+ }
557
+ },
558
+ {
559
+ value: [90, 85, 95, 95, 85, 75],
560
+ name: 'Target',
561
+ areaStyle: {
562
+ color: 'rgba(236, 72, 153, 0.4)'
563
+ },
564
+ lineStyle: {
565
+ color: '#EC4899'
566
+ },
567
+ itemStyle: {
568
+ color: '#EC4899'
569
+ }
570
+ }
571
+ ]
572
+ }
573
+ ]
574
+ });
575
+
576
+ // Resize charts when window size changes
577
+ window.addEventListener('resize', function() {
578
+ pieChart.resize();
579
+ lineChart.resize();
580
+ barChart.resize();
581
+ chinaMap.resize();
582
+ graphChart.resize();
583
+ radarChart.resize();
584
+ });
585
+ });
586
+ </script>
587
+ <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=xinghen/ttt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
588
+ </html>