Hugging Face's logo

Spaces:
FriedsU
/
wif
Running

App Files Community
FriedsU commited on
Commit
e4489cc
·
verified ·
1 Parent(s): dfcbe93

Add 1 files

Browse files
Files changed (1) hide show
  1. index.html +225 -189
index.html CHANGED
@@ -202,6 +202,23 @@
202
  pointer-events: none;
203
  z-index: 9999;
204
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
205
  </style>
206
  </head>
207
  <body class="doge-bg">
@@ -267,7 +284,74 @@
267
  <div class="flex flex-1 overflow-hidden">
268
  <!-- Left Sidebar - Watchlist & Portfolio -->
269
  <div class="hidden lg:block w-64 border-r border-gray-800 overflow-y-auto">
 
270
  <div class="p-4">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
271
  <!-- Watchlist -->
272
  <div class="mb-6">
273
  <div class="flex justify-between items-center mb-3">
@@ -349,64 +433,6 @@
349
  </div>
350
  </div>
351
  </div>
352
-
353
- <!-- Portfolio -->
354
- <div>
355
- <div class="flex justify-between items-center mb-3">
356
- <h2 class="font-medium">Portfolio</h2>
357
- <div class="text-xs text-gray-400">$42,690.42</div>
358
- </div>
359
-
360
- <div class="bg-gray-800 rounded-lg p-4 mb-4">
361
- <div class="flex justify-between mb-3">
362
- <div class="text-sm">Total Balance</div>
363
- <div class="font-mono">$42,690.42</div>
364
- </div>
365
- <div class="flex justify-between text-xs text-gray-400 mb-1">
366
- <div>Available</div>
367
- <div>$12,345.67</div>
368
- </div>
369
- <div class="flex justify-between text-xs text-gray-400">
370
- <div>In Orders</div>
371
- <div>$30,344.75</div>
372
- </div>
373
- </div>
374
-
375
- <div class="space-y-3">
376
- <div class="flex items-center justify-between">
377
- <div class="flex items-center">
378
- <img src="https://cryptologos.cc/logos/bitcoin-btc-logo.png" alt="BTC" class="w-6 h-6 mr-2">
379
- <div class="text-sm">BTC</div>
380
- </div>
381
- <div class="text-right">
382
- <div class="font-mono text-sm">0.42</div>
383
- <div class="text-xs text-gray-400">$29,156.40</div>
384
- </div>
385
- </div>
386
-
387
- <div class="flex items-center justify-between">
388
- <div class="flex items-center">
389
- <img src="https://cryptologos.cc/logos/ethereum-eth-logo.png" alt="ETH" class="w-6 h-6 mr-2">
390
- <div class="text-sm">ETH</div>
391
- </div>
392
- <div class="text-right">
393
- <div class="font-mono text-sm">3.69</div>
394
- <div class="text-xs text-gray-400">$13,616.10</div>
395
- </div>
396
- </div>
397
-
398
- <div class="flex items-center justify-between">
399
- <div class="flex items-center">
400
- <img src="https://cryptologos.cc/logos/wif-dogwifhat-logo.png" alt="WIF" class="w-6 h-6 mr-2">
401
- <div class="text-sm">WIF</div>
402
- </div>
403
- <div class="text-right">
404
- <div class="font-mono text-sm">420</div>
405
- <div class="text-xs text-gray-400">$982.80</div>
406
- </div>
407
- </div>
408
- </div>
409
- </div>
410
  </div>
411
  </div>
412
 
@@ -453,25 +479,25 @@
453
 
454
  <!-- Indicators -->
455
  <div class="flex space-x-4 mb-4 overflow-x-auto pb-2">
456
- <button class="px-3 py-1 text-sm whitespace-nowrap indicator-active">
457
  SMA
458
  </button>
459
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
460
  EMA
461
  </button>
462
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
463
  RSI
464
  </button>
465
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
466
  MACD
467
  </button>
468
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
469
  Bollinger
470
  </button>
471
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
472
  Volume
473
  </button>
474
- <button class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500">
475
  Fibonacci
476
  </button>
477
  </div>
@@ -481,36 +507,11 @@
481
  <canvas id="priceChart"></canvas>
482
  </div>
483
 
484
- <!-- Depth Chart -->
485
- <div class="h-24 mt-4 chart-container">
486
- <canvas id="depthChart"></canvas>
487
- </div>
488
- </div>
489
- </div>
490
-
491
- <!-- Bottom Panel -->
492
- <div class="border-t border-gray-800">
493
- <div class="flex">
494
- <button class="px-4 py-2 text-sm font-medium tab-active">
495
- Orderbook
496
- </button>
497
- <button class="px-4 py-2 text-sm font-medium text-gray-400 hover:text-yellow-500">
498
- Trades
499
- </button>
500
- <button class="px-4 py-2 text-sm font-medium text-gray-400 hover:text-yellow-500">
501
- Positions
502
- </button>
503
- <button class="px-4 py-2 text-sm font-medium text-gray-400 hover:text-yellow-500">
504
- Orders
505
- </button>
506
- </div>
507
-
508
- <div class="grid grid-cols-3 divide-x divide-gray-800">
509
  <!-- Orderbook -->
510
- <div class="col-span-1 h-64 overflow-y-auto">
511
  <div class="divide-y divide-gray-800">
512
  <!-- Header -->
513
- <div class="grid grid-cols-3 text-xs text-gray-400 p-2">
514
  <div>Price (USDT)</div>
515
  <div class="text-right">Size (BTC)</div>
516
  <div class="text-right">Total</div>
@@ -536,7 +537,7 @@
536
  </div>
537
 
538
  <!-- Market Price -->
539
- <div class="p-2 text-center">
540
  <div class="text-lg font-mono text-yellow-500">69,420.42</div>
541
  <div class="text-xs text-green-400">+4.20%</div>
542
  </div>
@@ -561,55 +562,65 @@
561
  </div>
562
  </div>
563
  </div>
564
-
565
- <!-- Trade Form -->
566
- <div class="col-span-1 p-4">
567
- <div class="flex mb-4">
568
- <button class="flex-1 py-2 bg-green-900 bg-opacity-30 text-green-400 font-medium rounded-l-lg">
569
- Buy
570
- </button>
571
- <button class="flex-1 py-2 bg-red-900 bg-opacity-30 text-red-400 font-medium rounded-r-lg">
572
- Sell
573
- </button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
574
  </div>
575
 
576
- <div class="space-y-3">
577
- <div>
578
- <label class="block text-xs text-gray-400 mb-1">Order Type</label>
579
- <select class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm">
580
- <option>Limit</option>
581
- <option>Market</option>
582
- <option>Stop Limit</option>
583
- </select>
584
- </div>
585
-
586
- <div>
587
- <label class="block text-xs text-gray-400 mb-1">Price (USDT)</label>
588
- <input type="text" class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm" value="69,420.42">
589
- </div>
590
-
591
- <div>
592
- <label class="block text-xs text-gray-400 mb-1">Amount (BTC)</label>
593
- <input type="text" class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm" value="0.1">
594
- </div>
595
-
596
- <div class="grid grid-cols-4 gap-2">
597
- <button class="bg-gray-800 text-xs p-1 rounded">25%</button>
598
- <button class="bg-gray-800 text-xs p-1 rounded">50%</button>
599
- <button class="bg-gray-800 text-xs p-1 rounded">75%</button>
600
- <button class="bg-gray-800 text-xs p-1 rounded">100%</button>
601
- </div>
602
-
603
- <div class="pt-2">
604
- <button class="w-full doge-accent text-white py-2 rounded-lg font-medium">
605
- Buy BTC
606
- </button>
607
- </div>
608
  </div>
609
  </div>
610
-
611
- <!-- Empty column to maintain layout -->
612
- <div class="col-span-1"></div>
613
  </div>
614
  </div>
615
  </div>
@@ -904,10 +915,13 @@
904
 
905
  <script>
906
  // Initialize charts
 
 
 
907
  document.addEventListener('DOMContentLoaded', function() {
908
  // Price Chart
909
  const priceCtx = document.getElementById('priceChart').getContext('2d');
910
- const priceChart = new Chart(priceCtx, {
911
  type: 'line',
912
  data: {
913
  labels: Array.from({length: 24}, (_, i) => i + ':00'),
@@ -961,54 +975,29 @@
961
  }
962
  });
963
 
964
- // Depth Chart
965
- const depthCtx = document.getElementById('depthChart').getContext('2d');
966
- const depthChart = new Chart(depthCtx, {
967
- type: 'bar',
968
- data: {
969
- labels: Array.from({length: 20}, (_, i) => (69000 + i * 50).toFixed(0)),
970
- datasets: [{
971
- label: 'Bids',
972
- data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50],
973
- backgroundColor: '#10b981',
974
- borderWidth: 0
975
- },
976
- {
977
- label: 'Asks',
978
- data: [50, 45, 40, 35, 30, 25, 20, 15, 10, 5, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
979
- backgroundColor: '#ef4444',
980
- borderWidth: 0
981
- }]
982
- },
983
- options: {
984
- responsive: true,
985
- maintainAspectRatio: false,
986
- plugins: {
987
- legend: {
988
- display: false
989
- }
990
- },
991
- scales: {
992
- x: {
993
- stacked: true,
994
- grid: {
995
- display: false
996
- },
997
- ticks: {
998
- display: false
999
- }
1000
- },
1001
- y: {
1002
- stacked: true,
1003
- grid: {
1004
- display: false
1005
- },
1006
- ticks: {
1007
- display: false
1008
- }
1009
- }
1010
- }
1011
- }
1012
  });
1013
  });
1014
 
@@ -1089,6 +1078,53 @@
1089
  }
1090
  });
1091
  }
1092
- </script>
1093
- <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=FriedsU/wif" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1094
  </html>
 
202
  pointer-events: none;
203
  z-index: 9999;
204
  }
205
+
206
+ .candle-up {
207
+ background-color: #10b981;
208
+ border-color: #10b981;
209
+ }
210
+
211
+ .candle-down {
212
+ background-color: #ef4444;
213
+ border-color: #ef4444;
214
+ }
215
+
216
+ .order-form {
217
+ background-color: #1e293b;
218
+ border-radius: 0.5rem;
219
+ padding: 1rem;
220
+ margin-bottom: 1rem;
221
+ }
222
  </style>
223
  </head>
224
  <body class="doge-bg">
 
284
  <div class="flex flex-1 overflow-hidden">
285
  <!-- Left Sidebar - Watchlist & Portfolio -->
286
  <div class="hidden lg:block w-64 border-r border-gray-800 overflow-y-auto">
287
+ <!-- Portfolio -->
288
  <div class="p-4">
289
+ <div class="flex justify-between items-center mb-3">
290
+ <h2 class="font-medium">Portfolio</h2>
291
+ <div class="text-xs text-gray-400">$42,690.42</div>
292
+ </div>
293
+
294
+ <div class="bg-gray-800 rounded-lg p-4 mb-4">
295
+ <div class="flex justify-between mb-3">
296
+ <div class="text-sm">Total Balance</div>
297
+ <div class="font-mono">$42,690.42</div>
298
+ </div>
299
+ <div class="flex justify-between text-xs text-gray-400 mb-1">
300
+ <div>Available</div>
301
+ <div>$12,345.67</div>
302
+ </div>
303
+ <div class="flex justify-between text-xs text-gray-400">
304
+ <div>In Orders</div>
305
+ <div>$30,344.75</div>
306
+ </div>
307
+ </div>
308
+
309
+ <!-- Order Form -->
310
+ <div class="order-form">
311
+ <div class="flex mb-4">
312
+ <button id="buy-btn" class="flex-1 py-2 bg-green-900 bg-opacity-30 text-green-400 font-medium rounded-l-lg">
313
+ Buy
314
+ </button>
315
+ <button id="sell-btn" class="flex-1 py-2 bg-red-900 bg-opacity-30 text-red-400 font-medium rounded-r-lg">
316
+ Sell
317
+ </button>
318
+ </div>
319
+
320
+ <div class="space-y-3">
321
+ <div>
322
+ <label class="block text-xs text-gray-400 mb-1">Order Type</label>
323
+ <select class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm">
324
+ <option>Limit</option>
325
+ <option>Market</option>
326
+ <option>Stop Limit</option>
327
+ </select>
328
+ </div>
329
+
330
+ <div>
331
+ <label class="block text-xs text-gray-400 mb-1">Price (USDT)</label>
332
+ <input type="text" class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm" value="69,420.42">
333
+ </div>
334
+
335
+ <div>
336
+ <label class="block text-xs text-gray-400 mb-1">Amount (BTC)</label>
337
+ <input type="text" class="w-full bg-gray-800 text-white p-2 rounded-lg text-sm" value="0.1">
338
+ </div>
339
+
340
+ <div class="grid grid-cols-4 gap-2">
341
+ <button class="bg-gray-800 text-xs p-1 rounded">25%</button>
342
+ <button class="bg-gray-800 text-xs p-1 rounded">50%</button>
343
+ <button class="bg-gray-800 text-xs p-1 rounded">75%</button>
344
+ <button class="bg-gray-800 text-xs p-1 rounded">100%</button>
345
+ </div>
346
+
347
+ <div class="pt-2">
348
+ <button id="place-order-btn" class="w-full bg-green-600 text-white py-2 rounded-lg font-medium">
349
+ Buy BTC
350
+ </button>
351
+ </div>
352
+ </div>
353
+ </div>
354
+
355
  <!-- Watchlist -->
356
  <div class="mb-6">
357
  <div class="flex justify-between items-center mb-3">
 
433
  </div>
434
  </div>
435
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
436
  </div>
437
  </div>
438
 
 
479
 
480
  <!-- Indicators -->
481
  <div class="flex space-x-4 mb-4 overflow-x-auto pb-2">
482
+ <button id="sma-btn" class="px-3 py-1 text-sm whitespace-nowrap indicator-active" onclick="updateChart('sma')">
483
  SMA
484
  </button>
485
+ <button id="ema-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('ema')">
486
  EMA
487
  </button>
488
+ <button id="rsi-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('rsi')">
489
  RSI
490
  </button>
491
+ <button id="macd-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('macd')">
492
  MACD
493
  </button>
494
+ <button id="bollinger-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('bollinger')">
495
  Bollinger
496
  </button>
497
+ <button id="volume-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('volume')">
498
  Volume
499
  </button>
500
+ <button id="fibonacci-btn" class="px-3 py-1 text-sm whitespace-nowrap hover:text-yellow-500" onclick="updateChart('fibonacci')">
501
  Fibonacci
502
  </button>
503
  </div>
 
507
  <canvas id="priceChart"></canvas>
508
  </div>
509
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
510
  <!-- Orderbook -->
511
+ <div class="h-32 mt-4 chart-container overflow-y-auto">
512
  <div class="divide-y divide-gray-800">
513
  <!-- Header -->
514
+ <div class="grid grid-cols-3 text-xs text-gray-400 p-2 sticky top-0 bg-gray-800">
515
  <div>Price (USDT)</div>
516
  <div class="text-right">Size (BTC)</div>
517
  <div class="text-right">Total</div>
 
537
  </div>
538
 
539
  <!-- Market Price -->
540
+ <div class="p-2 text-center sticky top-8 bg-gray-800">
541
  <div class="text-lg font-mono text-yellow-500">69,420.42</div>
542
  <div class="text-xs text-green-400">+4.20%</div>
543
  </div>
 
562
  </div>
563
  </div>
564
  </div>
565
+ </div>
566
+ </div>
567
+
568
+ <!-- Bottom Panel -->
569
+ <div class="border-t border-gray-800">
570
+ <div class="flex">
571
+ <button class="px-4 py-2 text-sm font-medium tab-active">
572
+ Trades
573
+ </button>
574
+ <button class="px-4 py-2 text-sm font-medium text-gray-400 hover:text-yellow-500">
575
+ Positions
576
+ </button>
577
+ <button class="px-4 py-2 text-sm font-medium text-gray-400 hover:text-yellow-500">
578
+ Orders
579
+ </button>
580
+ </div>
581
+
582
+ <div class="h-48 overflow-y-auto">
583
+ <div class="divide-y divide-gray-800">
584
+ <!-- Trade 1 -->
585
+ <div class="grid grid-cols-4 text-xs p-2 hover:bg-gray-800">
586
+ <div class="text-green-400">Buy</div>
587
+ <div>69,420.42</div>
588
+ <div>0.1 BTC</div>
589
+ <div class="text-right">2 min ago</div>
590
  </div>
591
 
592
+ <!-- Trade 2 -->
593
+ <div class="grid grid-cols-4 text-xs p-2 hover:bg-gray-800">
594
+ <div class="text-red-400">Sell</div>
595
+ <div>69,425.15</div>
596
+ <div>0.05 BTC</div>
597
+ <div class="text-right">5 min ago</div>
598
+ </div>
599
+
600
+ <!-- Trade 3 -->
601
+ <div class="grid grid-cols-4 text-xs p-2 hover:bg-gray-800">
602
+ <div class="text-green-400">Buy</div>
603
+ <div>69,415.78</div>
604
+ <div>0.2 BTC</div>
605
+ <div class="text-right">12 min ago</div>
606
+ </div>
607
+
608
+ <!-- Trade 4 -->
609
+ <div class="grid grid-cols-4 text-xs p-2 hover:bg-gray-800">
610
+ <div class="text-red-400">Sell</div>
611
+ <div>69,430.10</div>
612
+ <div>0.15 BTC</div>
613
+ <div class="text-right">25 min ago</div>
614
+ </div>
615
+
616
+ <!-- Trade 5 -->
617
+ <div class="grid grid-cols-4 text-xs p-2 hover:bg-gray-800">
618
+ <div class="text-green-400">Buy</div>
619
+ <div>69,410.50</div>
620
+ <div>0.3 BTC</div>
621
+ <div class="text-right">42 min ago</div>
 
 
622
  </div>
623
  </div>
 
 
 
624
  </div>
625
  </div>
626
  </div>
 
915
 
916
  <script>
917
  // Initialize charts
918
+ let priceChart;
919
+ let candleChart;
920
+
921
  document.addEventListener('DOMContentLoaded', function() {
922
  // Price Chart
923
  const priceCtx = document.getElementById('priceChart').getContext('2d');
924
+ priceChart = new Chart(priceCtx, {
925
  type: 'line',
926
  data: {
927
  labels: Array.from({length: 24}, (_, i) => i + ':00'),
 
975
  }
976
  });
977
 
978
+ // Buy/Sell button functionality
979
+ const buyBtn = document.getElementById('buy-btn');
980
+ const sellBtn = document.getElementById('sell-btn');
981
+ const placeOrderBtn = document.getElementById('place-order-btn');
982
+
983
+ buyBtn.addEventListener('click', function() {
984
+ buyBtn.classList.add('bg-green-600', 'text-white');
985
+ buyBtn.classList.remove('bg-green-900', 'bg-opacity-30', 'text-green-400');
986
+ sellBtn.classList.add('bg-red-900', 'bg-opacity-30', 'text-red-400');
987
+ sellBtn.classList.remove('bg-red-600', 'text-white');
988
+ placeOrderBtn.classList.add('bg-green-600');
989
+ placeOrderBtn.classList.remove('bg-red-600');
990
+ placeOrderBtn.textContent = 'Buy BTC';
991
+ });
992
+
993
+ sellBtn.addEventListener('click', function() {
994
+ sellBtn.classList.add('bg-red-600', 'text-white');
995
+ sellBtn.classList.remove('bg-red-900', 'bg-opacity-30', 'text-red-400');
996
+ buyBtn.classList.add('bg-green-900', 'bg-opacity-30', 'text-green-400');
997
+ buyBtn.classList.remove('bg-green-600', 'text-white');
998
+ placeOrderBtn.classList.add('bg-red-600');
999
+ placeOrderBtn.classList.remove('bg-green-600');
1000
+ placeOrderBtn.textContent = 'Sell BTC';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1001
  });
1002
  });
1003
 
 
1078
  }
1079
  });
1080
  }
1081
+
1082
+ // Update chart based on indicator selection
1083
+ function updateChart(indicator) {
1084
+ const priceCtx = document.getElementById('priceChart').getContext('2d');
1085
+
1086
+ // Reset all indicator buttons
1087
+ document.querySelectorAll('.indicator-active').forEach(btn => {
1088
+ btn.classList.remove('indicator-active');
1089
+ });
1090
+
1091
+ // Set active indicator
1092
+ document.getElementById(indicator + '-btn').classList.add('indicator-active');
1093
+
1094
+ // Destroy existing chart
1095
+ if (priceChart) {
1096
+ priceChart.destroy();
1097
+ }
1098
+
1099
+ // Create new chart based on indicator
1100
+ if (indicator === 'bollinger') {
1101
+ // Create candle chart with Bollinger Bands
1102
+ priceChart = new Chart(priceCtx, {
1103
+ type: 'candlestick',
1104
+ data: {
1105
+ labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20'],
1106
+ datasets: [
1107
+ {
1108
+ label: 'BTC/USDT',
1109
+ data: [
1110
+ {o: 69000, h: 69200, l: 68950, c: 69150},
1111
+ {o: 69150, h: 69300, l: 69050, c: 69250},
1112
+ {o: 69250, h: 69350, l: 69100, c: 69300},
1113
+ {o: 69300, h: 69400, l: 69150, c: 69200},
1114
+ {o: 69200, h: 69300, l: 69100, c: 69250},
1115
+ {o: 69250, h: 69420, l: 69150, c: 69350},
1116
+ {o: 69350, h: 69450, l: 69200, c: 69300},
1117
+ {o: 69300, h: 69400, l: 69150, c: 69250},
1118
+ {o: 69250, h: 69350, l: 69100, c: 69200},
1119
+ {o: 69200, h: 69300, l: 69050, c: 69150},
1120
+ {o: 69150, h: 69250, l: 69000, c: 69100},
1121
+ {o: 69100, h: 69200, l: 68950, c: 69050},
1122
+ {o: 69050, h: 69150, l: 68900, c: 69000},
1123
+ {o: 69000, h: 69100, l: 68850, c: 68950},
1124
+ {o: 68950, h: 69050, l: 68800, c: 68900},
1125
+ {o: 68900, h: 69000, l: 68750, c: 68850},
1126
+ {o: 68850, h: 68950, l: 68700, c: 68800},
1127
+ {o: 68800, h: 68900, l: 68650, c: 68750},
1128
+ {o: 68750, h: 68850, l: 68600, c: 68700},
1129
+ {o: 68700, h: 68800
1130
  </html>