Spaces:

Dmtlant
/

crypto

Running

App Files Files Community

Dmtlant commited on Dec 2, 2024

Commit

b6a7bc8

verified ·

1 Parent(s): aee26b3

Update index.html

Browse files

Files changed (1) hide show

index.html +34 -86

index.html CHANGED Viewed

@@ -9,49 +9,36 @@
   <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="bg-gray-100 text-gray-800 font-sans">
   <div class="container mx-auto p-4">
-    <!-- Заголовок -->
     <h1 class="text-3xl font-bold text-center mb-6">Crypto Trading Advisor</h1>
-    <!-- Секция выбора криптовалюты -->
-    <div class="flex justify-center mb-4 flex-wrap">
-      <select id="crypto-select" class="p-2 border border-gray-300 rounded-md shadow-md w-full sm:w-auto">
         <option value="">Загрузка криптовалют...</option>
       </select>
-      <button id="get-advice" class="ml-4 px-4 py-2 bg-blue-500 text-white rounded-md shadow-md hover:bg-blue-600 w-full sm:w-auto">
         Получить совет
       </button>
     </div>
     <!-- Результаты -->
     <div id="result" class="bg-white p-6 rounded-md shadow-md">
-      <p class="text-center text-gray-500">Выберите криптовалюту, чтобы увидеть советы, графики и новости.</p>
     </div>
     <!-- График -->
     <div class="mt-6">
       <canvas id="crypto-chart" class="bg-white p-4 rounded-md shadow-md"></canvas>
     </div>
-    <!-- Новости -->
-    <div id="news-section" class="mt-6 bg-white p-6 rounded-md shadow-md">
-      <h2 class="text-xl font-bold mb-4">Новости</h2>
-      <ul id="news-list" class="list-disc pl-5">
-        <li class="text-gray-500">Здесь появятся новости о криптовалютах.</li>
-      </ul>
-    </div>
   </div>
   <script>
     const API_BASE = 'https://api.coingecko.com/api/v3';
-    const NEWS_API_KEY = 'cd3cc4c35c654b6f95db05a5a3bc5004'; // Замените на ваш ключ API с https://newsapi.org/
-    const NEWS_API_URL = 'https://newsapi.org/v2/everything';
     const resultDiv = document.getElementById('result');
     const select = document.getElementById('crypto-select');
     const button = document.getElementById('get-advice');
     const chartCanvas = document.getElementById('crypto-chart');
-    const newsList = document.getElementById('news-list');
     let chartInstance;
     // Загрузка списка криптовалют
@@ -81,23 +68,10 @@
       }
     }
-    // Загрузка новостей
-    async function fetchNews(query) {
-      try {
-        const response = await fetch(`${NEWS_API_URL}?q=${query}&apiKey=${NEWS_API_KEY}`);
-        const data = await response.json();
-        return data.articles;
-      } catch (error) {
-        console.error('Ошибка при загрузке новостей:', error);
-        newsList.innerHTML = `<li class="text-red-500">Ошибка при загрузке новостей.</li>`;
-      }
-    }
     // Построение графика цен
-    function renderChart(prices, volumes, predictions = []) {
       const labels = prices.map((_, index) => `Day ${index + 1}`);
-      const priceData = prices.map(price => price[1]);
-      const volumeData = volumes.map(volume => volume[1]);
       if (chartInstance) {
         chartInstance.destroy(); // Уничтожаем старый график, если он существует
@@ -110,75 +84,51 @@
           datasets: [
             {
               label: 'Цена (USD)',
-              data: priceData,
               backgroundColor: 'rgba(59, 130, 246, 0.2)',
               borderColor: 'rgba(59, 130, 246, 1)',
               borderWidth: 2,
               fill: true,
             },
-            {
-              label: 'Объем торгов (USD)',
-              data: volumeData,
-              backgroundColor: 'rgba(34, 197, 94, 0.2)',
-              borderColor: 'rgba(34, 197, 94, 1)',
-              borderWidth: 2,
-              fill: true,
-            },
-            {
-              label: 'Прогноз цены',
-              data: predictions,
-              borderColor: 'rgba(255, 99, 132, 1)',
-              borderWidth: 2,
-              borderDash: [5, 5],
-              fill: false,
-            },
           ],
         },
         options: {
           responsive: true,
           plugins: {
             legend: {
-              display: true,
             },
           },
         },
       });
     }
-    // Анализ с помощью LSTM
-    async function analyzeWithLSTM(prices, callback) {
       const data = prices.map(price => price[1]);
-      const normalizedData = data.map(value => value / Math.max(...data)); // Нормализация данных
-      const inputs = tf.tensor(normalizedData.slice(0, -1));
-      const targets = tf.tensor(normalizedData.slice(1));
       const model = tf.sequential();
-      model.add(tf.layers.lstm({ units: 50, inputShape: [1, 1], returnSequences: false }));
       model.add(tf.layers.dense({ units: 1 }));
       model.compile({ optimizer: 'adam', loss: 'meanSquaredError' });
-      const inputReshaped = inputs.reshape([inputs.size, 1, 1]);
-      const targetReshaped = targets.reshape([targets.size, 1]);
-      const predictions = [];
-      // Визуализация обучения
-      await model.fit(inputReshaped, targetReshaped, {
         epochs: 50,
-        callbacks: {
-          onEpochEnd: (epoch, logs) => {
-            const prediction = model.predict(inputReshaped);
-            const predData = prediction.dataSync();
-            predictions.length = 0; // Очищаем массив
-            predictions.push(...predData.map(v => v * Math.max(...data)));
-            callback(predictions);
-          },
-        },
       });
-      return predictions;
     }
     // Обработчик кнопки
@@ -193,19 +143,17 @@
       const data = await fetchCryptoData(crypto);
       if (data) {
-        const { prices, total_volumes } = data;
-        const predictions = await analyzeWithLSTM(prices, (updatedPredictions) => {
-          renderChart(prices, total_volumes, updatedPredictions);
-        });
-        renderChart(prices, total_volumes, predictions);
-        const news = await fetchNews(crypto);
-        newsList.innerHTML = news
-          .slice(0, 5)
-          .map(article => `<li><a href="${article.url}" target="_blank" class="text-blue-500">${article.title}</a></li>`)
-          .join('');
       }
     });

   <script src="https://cdn.tailwindcss.com"></script>
 </head>
 <body class="bg-gray-100 text-gray-800 font-sans">
   <div class="container mx-auto p-4">
     <h1 class="text-3xl font-bold text-center mb-6">Crypto Trading Advisor</h1>
+    <!-- Выбор криптовалюты -->
+    <div class="flex justify-center mb-4">
+      <select id="crypto-select" class="p-2 border border-gray-300 rounded-md shadow-md">
         <option value="">Загрузка криптовалют...</option>
       </select>
+      <button id="get-advice" class="ml-4 px-4 py-2 bg-blue-500 text-white rounded-md shadow-md hover:bg-blue-600">
         Получить совет
       </button>
     </div>
     <!-- Результаты -->
     <div id="result" class="bg-white p-6 rounded-md shadow-md">
+      <p class="text-center text-gray-500">Выберите криптовалюту, чтобы увидеть советы и графики.</p>
     </div>
     <!-- График -->
     <div class="mt-6">
       <canvas id="crypto-chart" class="bg-white p-4 rounded-md shadow-md"></canvas>
     </div>
   </div>
   <script>
     const API_BASE = 'https://api.coingecko.com/api/v3';
     const resultDiv = document.getElementById('result');
     const select = document.getElementById('crypto-select');
     const button = document.getElementById('get-advice');
     const chartCanvas = document.getElementById('crypto-chart');
     let chartInstance;
     // Загрузка списка криптовалют
       }
     }
     // Построение графика цен
+    function renderChart(prices) {
       const labels = prices.map((_, index) => `Day ${index + 1}`);
+      const data = prices.map(price => price[1]);
       if (chartInstance) {
         chartInstance.destroy(); // Уничтожаем старый график, если он существует
           datasets: [
             {
               label: 'Цена (USD)',
+              data: data,
               backgroundColor: 'rgba(59, 130, 246, 0.2)',
               borderColor: 'rgba(59, 130, 246, 1)',
               borderWidth: 2,
               fill: true,
             },
           ],
         },
         options: {
           responsive: true,
           plugins: {
             legend: {
+              display: false,
             },
           },
         },
       });
     }
+    // Анализ с помощью TensorFlow.js
+    async function analyzeWithNeuralNetwork(prices) {
+      // Подготовка данных для нейросети
       const data = prices.map(price => price[1]);
+      const inputs = tf.tensor(data.slice(0, -1)); // Все кроме последнего дня
+      const targets = tf.tensor(data.slice(1)); // Все кроме первого дня (на один шаг вперёд)
+      // Создание простой модели
       const model = tf.sequential();
+      model.add(tf.layers.dense({ units: 10, activation: 'relu', inputShape: [1] }));
       model.add(tf.layers.dense({ units: 1 }));
       model.compile({ optimizer: 'adam', loss: 'meanSquaredError' });
+      // Тренировка модели
+      await model.fit(inputs.reshape([inputs.size, 1]), targets.reshape([targets.size, 1]), {
         epochs: 50,
       });
+      // Прогноз
+      const prediction = model.predict(tf.tensor([data[data.length - 1]]).reshape([1, 1]));
+      const predictedValue = prediction.dataSync()[0];
+      return predictedValue > data[data.length - 1]
+        ? 'Цена, вероятно, вырастет. Рекомендуется держать или покупать.'
+        : 'Цена, вероятно, снизится. Рекомендуется продавать.';
     }
     // Обработчик кнопки
       const data = await fetchCryptoData(crypto);
       if (data) {
+        // График
+        renderChart(data.prices);
+        // Анализ
+        const advice = await analyzeWithNeuralNetwork(data.prices);
+        // Результаты
+        resultDiv.innerHTML = `
+          <h2 class="text-xl font-bold">${crypto.toUpperCase()}</h2>
+          <p>${advice}</p>
+        `;
       }
     });