Spaces:

alterzick
/

trading-insight

Running

App Files Files Community

alterzick commited on Jun 7, 2025

Commit

8d1c6f2

verified ·

1 Parent(s): 1e23951

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +257 -18
prompts.txt +0 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Trading Insight
-emoji: 🌍
-colorFrom: pink
-colorTo: pink
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: trading-insight
+emoji: ⚛️
+colorFrom: red
+colorTo: gray
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,258 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Interactive Trading Application</title>
+    <link rel="stylesheet" href="styles.css">
+    <script src="https://s3.tradingview.com/tv.js"></script>
+</head>
+<body>
+    <h1>Commodity Trading Dashboard</h1>
+    <div>
+        <label for="commodity">Select Commodity:</label>
+        <select id="commodity" onchange="updateChart()">
+            <option value="OANDA:WTICOUSD">Oil</option>
+            <option value="OANDA:XAGUSD">Silver</option>
+            <option value="OANDA:XAUUSD">Gold</option>
+        </select>
+    </div>
+    <div>
+        <label for="timeframe">Select Timeframe:</label>
+        <select id="timeframe" onchange="updateChart()">
+            <option value="1">1 Minute</option>
+            <option value="5">5 Minutes</option>
+            <option value="15">15 Minutes</option>
+            <option value="60">1 Hour</option>
+            <option value="240">4 Hours</option>
+            <option value="D">1 Day</option>
+        </select>
+    </div>
+    <div id="tradingview-chart"></div>
+    <h2>Indicators</h2>
+    <ul>
+        <li>RSI: <span id="rsi-value">Loading...</span></li>
+        <li>MACD: <span id="macd-value">Loading...</span></li>
+        <li>Stochastic: <span id="stochastic-value">Loading...</span></li>
+        <li>Awesome Oscillator: <span id="ao-value">Loading...</span></li>
+        <li>Momentum: <span id="momentum-value">Loading...</span></li>
+    </ul>
+    <h2>Recommendations</h2>
+    <div id="recommendations">
+        <p>RSI Recommendation: <span id="rsi-recommendation">Loading...</span></p>
+        <p>MACD Recommendation: <span id="macd-recommendation">Loading...</span></p>
+        <p>Stochastic Recommendation: <span id="stochastic-recommendation">Loading...</span></p>
+        <p>Awesome Oscillator Recommendation: <span id="ao-recommendation">Loading...</span></p>
+        <p>Momentum Recommendation: <span id="momentum-recommendation">Loading...</span></p>
+    </div>
+    <h2>Sentiment Analysis</h2>
+    <div id="sentiment-analysis">
+        <p>Retail Position Recommendation: <span id="retail-recommendation">Loading...</span></p>
+        <p>Market Maker Data: <span id="market-maker-data">Loading...</span></p>
+    </div>
+    <h2>Upcoming Economic Calendar</h2>
+    <div id="economic-calendar">
+        <table>
+            <thead>
+                <tr>
+                    <th>Date</th>
+                    <th>Event</th>
+                    <th>Impact</th>
+                    <th>Actual</th>
+                    <th>Forecast</th>
+                </tr>
+            </thead>
+            <tbody id="calendar-body">
+                <tr>
+                    <td colspan="5">Loading...</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <script>
+        function updateChart() {
+            const commodity = document.getElementById("commodity").value;
+            const timeframe = document.getElementById("timeframe").value;
+            new TradingView.widget({
+                "container_id": "tradingview-chart",
+                "width": 980,
+                "height": 610,
+                "symbol": commodity,
+                "interval": timeframe,
+                "timezone": "Etc/UTC",
+                "theme": "light",
+                "style": "1",
+                "locale": "en",
+                "toolbar_bg": "#f1f3f6",
+                "enable_publishing": false,
+                "allow_symbol_change": true,
+                "details": true,
+                "hotlist": true,
+                "calendar": true,
+                "news": ["headlines"],
+                "studies": ["RSI", "MACD", "Stochastic", "AwesomeOscillator", "Momentum"]
+            });
+            // Fetch and display indicators and sentiment analysis
+            fetchIndicatorsAndSentiment(commodity, timeframe);
+            fetchEconomicCalendar();
+        }
+        function fetchIndicatorsAndSentiment(commodity, timeframe) {
+            // Placeholder for fetching indicator values and sentiment analysis
+            // Replace with actual API calls to fetch data from CTO and CFCT
+            // Simulated API response based on timeframe
+            const indicators = getIndicatorsBasedOnTimeframe(timeframe);
+            const sentiment = {
+                retailRecommendation: Math.random() > 0.5 ? "Bullish" : "Bearish",
+                marketMakerData: Math.random() > 0.5 ? "Long" : "Short"
+            };
+            // Update the UI with fetched data
+            document.getElementById("rsi-value").innerText = indicators.rsi.toFixed(2);
+            document.getElementById("macd-value").innerText = indicators.macd.toFixed(2);
+            document.getElementById("stochastic-value").innerText = indicators.stochastic.toFixed(2);
+            document.getElementById("ao-value").innerText = indicators.ao.toFixed(2);
+            document.getElementById("momentum-value").innerText = indicators.momentum.toFixed(2);
+            // Generate recommendations based on indicator values
+            document.getElementById("rsi-recommendation").innerText = getRSIRecommendation(indicators.rsi);
+            document.getElementById("macd-recommendation").innerText = getMACDRecommendation(indicators.macd);
+            document.getElementById("stochastic-recommendation").innerText = getStochasticRecommendation(indicators.stochastic);
+            document.getElementById("ao-recommendation").innerText = getAORecommendation(indicators.ao);
+            document.getElementById("momentum-recommendation").innerText = getMomentumRecommendation(indicators.momentum);
+            // Update sentiment analysis
+            document.getElementById("retail-recommendation").innerText = sentiment.retailRecommendation;
+            document.getElementById("market-maker-data").innerText = sentiment.marketMakerData;
+        }
+        function fetchEconomicCalendar() {
+            // Placeholder for fetching economic calendar data
+            // Replace with actual API call to fetch economic events
+            const events = [
+                { date: "2025-06-01", event: "Manufacturing PMI", impact: "High", actual: "N/A", forecast: "52.5" },
+                { date: "2025-06-03", event: "Non-Farm Payrolls", impact: "High", actual: "N/A", forecast: "200K" },
+                { date: "2025-06-04", event: "Crude Oil Inventories", impact: "Medium", actual: "N/A", forecast: "N/A" },
+                { date: "2025-06-05", event: "Interest Rate Decision", impact: "High", actual: "N/A", forecast: "2.00%" },
+                { date: "2025-06-06", event: "Unemployment Rate", impact: "High", actual: "N/A", forecast: "4.0%" },
+                { date: "2025-06-10", event: "Consumer Price Index (CPI)", impact: "High", actual: "N/A", forecast: "3.2%" },
+                { date: "2025-06-12", event: "Retail Sales", impact: "Medium", actual: "N/A", forecast: "0.5%" },
+                { date: "2025-06-14", event: "Federal Reserve Meeting Minutes", impact: "Medium", actual: "N/A", forecast: "N/A" }
+            ];
+            const calendarBody = document.getElementById("calendar-body");
+            calendarBody.innerHTML = ""; // Clear previous data
+            // Display events in the calendar
+            events.forEach(event => {
+                const row = document.createElement("tr");
+                row.innerHTML = `
+                    <td>${event.date}</td>
+                    <td>${event.event}</td>
+                    <td>${event.impact}</td>
+                    <td>${event.actual}</td>
+                    <td>${event.forecast}</td>
+                `;
+                calendarBody.appendChild(row);
+            });
+        }
+        function getIndicatorsBasedOnTimeframe(timeframe) {
+            // Simulated indicator values based on the selected timeframe
+            const baseValues = {
+                rsi: Math.random() * 100,
+                macd: Math.random() * 2 - 1,
+                stochastic: Math.random() * 100,
+                ao: Math.random() * 2 - 1,
+                momentum: Math.random() * 100
+            };
+            // Adjust values based on timeframe (this is just an example)
+            switch (timeframe) {
+                case "1":
+                    baseValues.rsi += 5; // Simulate higher volatility for 1 min
+                    break;
+                case "5":
+                    baseValues.macd += 0.1; // Slightly adjust MACD for 5 min
+                    break;
+                case "15":
+                    baseValues.stochastic += 10; // Adjust Stochastic for 15 min
+                    break;
+                case "60":
+                    baseValues.ao += 0.5; // Adjust AO for 1 hour
+                    break;
+                case "240":
+                    baseValues.momentum += 15; // Adjust Momentum for 4 hours
+                    break;
+                case "D":
+                    baseValues.rsi -= 10; // Adjust RSI for daily
+                    break;
+            }
+            return baseValues;
+        }
+        function getRSIRecommendation(rsi) {
+            if (rsi < 30) {
+                return "Buy (Oversold)";
+            } else if (rsi > 70) {
+                return "Sell (Overbought)";
+            } else {
+                return "Hold";
+            }
+        }
+        function getMACDRecommendation(macd) {
+            if (macd > 0) {
+                return "Buy";
+            } else {
+                return "Sell";
+            }
+        }
+        function getStochasticRecommendation(stochastic) {
+            if (stochastic < 20) {
+                return "Buy (Oversold)";
+            } else if (stochastic > 80) {
+                return "Sell (Overbought)";
+            } else {
+                return "Hold";
+            }
+        }
+        function getAORecommendation(ao) {
+            if (ao > 0) {
+                return "Buy";
+            } else {
+                return "Sell";
+            }
+        }
+        function getMomentumRecommendation(momentum) {
+            if (momentum > 0) {
+                return "Buy";
+            } else {
+                return "Sell";
+            }
+        }
+        // Initialize the chart on page load
+        window.onload = updateChart;
+    </script>
+<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-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=alterzick/trading-insight" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>

prompts.txt ADDED Viewed

File without changes