Spaces:

Alvin3y1
/

test

Sleeping

App Files Files Community

Alvin3y1 commited on 14 days ago

Commit

8aefbf1

verified ·

1 Parent(s): d702b3f

Update app.py

Browse files

Files changed (1) hide show

app.py +66 -62

app.py CHANGED Viewed

@@ -28,29 +28,22 @@ HTML_PAGE = f"""
 <!DOCTYPE html>
 <html>
 <head>
-    <title>BTC-USD 5-Layer Analysis</title>
     <script src="https://cdn.plot.ly/plotly-2.24.1.min.js"></script>
     <style>
         body {{ margin: 0; padding: 0; background-color: #0e0e0e; color: #ccc; font-family: sans-serif; overflow: hidden; }}
-        /* Layout Grid - 3 Rows */
         #container {{ display: flex; flex-direction: column; height: 100vh; width: 100vw; }}
-        /* Each Row takes 33% height */
         .row {{ flex: 1; display: flex; width: 100%; border-bottom: 1px solid #333; }}
-        /* Columns */
         .col-left {{ width: 50%; border-right: 1px solid #333; position: relative; }}
         .col-right {{ width: 50%; position: relative; }}
         .col-full {{ width: 100%; position: relative; }}
-        /* Charts fill their containers */
         .chart {{ width: 100%; height: 100%; }}
-        /* Status Badge */
-        #status {{ position: absolute; top: 10px; left: 60px; z-index: 100; font-size: 14px; background: rgba(0,0,0,0.7); padding: 5px 10px; border-radius: 4px; pointer-events: none; border: 1px solid #333; }}
         .green {{ color: #00e676; }}
         .red {{ color: #ff1744; }}
     </style>
 </head>
 <body>
@@ -77,7 +70,7 @@ HTML_PAGE = f"""
             </div>
         </div>
-        <!-- ROW 3: Integration (New) -->
         <div class="row">
             <div class="col-full">
                 <div id="integral-chart" class="chart"></div>
@@ -91,11 +84,9 @@ HTML_PAGE = f"""
         const volDiv = document.getElementById('vol-chart');
         const diffDiv = document.getElementById('diff-chart');
         const intDiv = document.getElementById('integral-chart');
         const statusDiv = document.getElementById('status');
-        // Init Flags
-        let initPrice = false, initImbP = false, initVol = false, initDiff = false, initInt = false;
         const commonConfig = {{ responsive: true, displayModeBar: false }};
         const commonLayout = {{
@@ -113,50 +104,51 @@ HTML_PAGE = f"""
                 const res = await fetch('/data');
                 const data = await res.json();
-                if (data.error) {{
-                    statusDiv.innerHTML = "Waiting for data...";
-                    return;
-                }}
-                statusDiv.innerHTML = `Mid: <span class="${{data.mid >= data.prev_mid ? 'green' : 'red'}}">$${{data.mid.toLocaleString(undefined, {{minimumFractionDigits: 2}})}}</span> | Integral Trend: ${{data.integral.last_val ? data.integral.last_val.toFixed(2) : 0}}`;
-                // 1. PRICE HISTORY
-                if (!initPrice) {{
-                    Plotly.newPlot(priceDiv, [{{ x: data.history.map(d=>new Date(d.t*1000)), y: data.history.map(d=>d.p), type: 'scatter', mode:'lines', line: {{color: '#29b6f6', width: 2}} }}],
-                    {{ ...commonLayout, title: '<b>Midprice</b>', xaxis: {{type:'date', gridcolor:'#222'}} }}, commonConfig);
-                    initPrice = true;
-                }} else {{
-                    Plotly.react(priceDiv, [{{ x: data.history.map(d=>new Date(d.t*1000)), y: data.history.map(d=>d.p), type: 'scatter', mode:'lines', line: {{color: '#29b6f6', width: 2}} }}],
-                    {{ ...commonLayout, title: '<b>Midprice</b>', xaxis: {{type:'date', gridcolor:'#222'}} }}, commonConfig);
-                }}
-                // 2. IMBALANCE %
-                const layoutImbP = {{ ...commonLayout, title: '<b>Pressure %</b>', yaxis: {{range: [-105, 105], gridcolor:'#222'}} }};
-                if (!initImbP) {{ Plotly.newPlot(imbPercentDiv, [{{ x: data.imbalance_pct.x, y: data.imbalance_pct.y, type: 'scatter', mode: 'lines', fill: 'tozeroy', line: {{color: '#ffeb3b'}} }}], layoutImbP, commonConfig); initImbP = true; }}
-                else {{ Plotly.react(imbPercentDiv, [{{ x: data.imbalance_pct.x, y: data.imbalance_pct.y, type: 'scatter', mode: 'lines', fill: 'tozeroy', line: {{color: '#ffeb3b'}} }}], layoutImbP, commonConfig); }}
-                // 3. VOLUME BY DISTANCE
-                const layoutVol = {{ ...commonLayout, title: '<b>Volume</b>' }};
-                const tracesVol = [
-                    {{ x: data.imbalance_vol.dist_bids, y: data.imbalance_vol.vol_bids, type: 'scatter', name: 'Bid', line: {{color: '#00e676'}} }},
-                    {{ x: data.imbalance_vol.dist_asks, y: data.imbalance_vol.vol_asks, type: 'scatter', name: 'Ask', line: {{color: '#ff1744'}} }}
-                ];
-                if (!initVol) {{ Plotly.newPlot(volDiv, tracesVol, layoutVol, commonConfig); initVol = true; }}
-                else {{ Plotly.react(volDiv, tracesVol, layoutVol, commonConfig); }}
                 // 4. NET DIFF
-                const layoutDiff = {{ ...commonLayout, title: '<b>Net Diff (Bids - Asks)</b>' }};
-                const traceDiff = {{ x: data.diff.x, y: data.diff.y, type: 'scatter', mode: 'lines', fill: 'tozeroy', line: {{color: '#00bcd4'}} }};
-                if (!initDiff) {{ Plotly.newPlot(diffDiv, [traceDiff], layoutDiff, commonConfig); initDiff = true; }}
-                else {{ Plotly.react(diffDiv, [traceDiff], layoutDiff, commonConfig); }}
-                // 5. INTEGRAL OF DIFF (New)
-                const layoutInt = {{ ...commonLayout, title: '<b>Integrated Net Liquidity (Structural Trend)</b>' }};
-                const intColor = (data.integral.last_val >= 0) ? '#e040fb' : '#e040fb';
-                const traceInt = {{ x: data.integral.x, y: data.integral.y, type: 'scatter', mode: 'lines', fill: 'tozeroy', line: {{color: intColor}} }};
-                if (!initInt) {{ Plotly.newPlot(intDiv, [traceInt], layoutInt, commonConfig); initInt = true; }}
-                else {{ Plotly.react(intDiv, [traceInt], layoutInt, commonConfig); }}
             }} catch (e) {{ console.error("Fetch error:", e); }}
         }}
@@ -220,11 +212,11 @@ async def handle_data(request):
     mid = market_state['current_mid']
-    # --- Raw Data ---
     raw_bids = sorted(market_state['bids'].items(), key=lambda x: -x[0])[:300]
     raw_asks = sorted(market_state['asks'].items(), key=lambda x: x[0])[:300]
-    # --- Distance Data ---
     dist_bids = [(mid - p, q) for p, q in raw_bids if mid - p >= 0]
     d_b_x, d_b_y = [], []
     cum_d = 0
@@ -244,14 +236,15 @@ async def handle_data(request):
     diff_x, diff_y = [], []
     int_x, int_y = [], []
     running_int = 0
     if d_b_x and d_a_x:
         max_dist = min(d_b_x[-1], d_a_x[-1])
         step_size = max_dist / 100
         steps = [i * step_size for i in range(1, 101)]
-        for s in steps:
-            # 1. Get Volumes
             idx_b = bisect.bisect_right(d_b_x, s)
             vol_b = d_b_y[idx_b-1] if idx_b > 0 else 0
@@ -269,14 +262,25 @@ async def handle_data(request):
             diff_x.append(s)
             diff_y.append(diff)
-            # 4. Integral of Diff
             running_int += diff
             int_x.append(s)
             int_y.append(running_int)
     return web.json_response({
         "mid": mid,
         "prev_mid": market_state['history'][-2]['p'] if len(market_state['history']) > 1 else mid,
         "imbalance_vol": { "dist_bids": d_b_x, "vol_bids": d_b_y, "dist_asks": d_a_x, "vol_asks": d_a_y },
         "imbalance_pct": { "x": imb_x, "y": imb_y },
         "diff": { "x": diff_x, "y": diff_y },
@@ -304,7 +308,7 @@ async def main():
     site = web.TCPSite(runner, '0.0.0.0', PORT)
     await site.start()
-    print(f"🚀 BTC-USD 5-Layer Dashboard: http://localhost:{PORT}")
     await asyncio.Event().wait()
 if __name__ == "__main__":

 <!DOCTYPE html>
 <html>
 <head>
+    <title>BTC-USD Wall Sharpness</title>
     <script src="https://cdn.plot.ly/plotly-2.24.1.min.js"></script>
     <style>
         body {{ margin: 0; padding: 0; background-color: #0e0e0e; color: #ccc; font-family: sans-serif; overflow: hidden; }}
         #container {{ display: flex; flex-direction: column; height: 100vh; width: 100vw; }}
         .row {{ flex: 1; display: flex; width: 100%; border-bottom: 1px solid #333; }}
         .col-left {{ width: 50%; border-right: 1px solid #333; position: relative; }}
         .col-right {{ width: 50%; position: relative; }}
         .col-full {{ width: 100%; position: relative; }}
         .chart {{ width: 100%; height: 100%; }}
+        #status {{ position: absolute; top: 10px; left: 60px; z-index: 100; font-size: 14px; background: rgba(0,0,0,0.8); padding: 8px 12px; border-radius: 4px; pointer-events: none; border: 1px solid #333; box-shadow: 0 0 10px rgba(0,0,0,0.5); }}
         .green {{ color: #00e676; }}
         .red {{ color: #ff1744; }}
+        .white {{ color: #fff; font-weight: bold; }}
     </style>
 </head>
 <body>
             </div>
         </div>
+        <!-- ROW 3: Integration -->
         <div class="row">
             <div class="col-full">
                 <div id="integral-chart" class="chart"></div>
         const volDiv = document.getElementById('vol-chart');
         const diffDiv = document.getElementById('diff-chart');
         const intDiv = document.getElementById('integral-chart');
         const statusDiv = document.getElementById('status');
+        let initPrice=0, initImbP=0, initVol=0, initDiff=0, initInt=0;
         const commonConfig = {{ responsive: true, displayModeBar: false }};
         const commonLayout = {{
                 const res = await fetch('/data');
                 const data = await res.json();
+                if (data.error) {{ statusDiv.innerHTML = "Waiting for data..."; return; }}
+                // --- SHARPNESS DISPLAY LOGIC ---
+                let slope = data.sharpness;
+                let slopeColor = '#aaa';
+                let slopeText = 'Neutral';
+                // Thresholds for sharpness (adjust as needed)
+                if (slope > 0.5) {{ slopeColor = '#00e676'; slopeText = 'Sharp BUY Wall'; }}
+                else if (slope < -0.5) {{ slopeColor = '#ff1744'; slopeText = 'Sharp SELL Wall'; }}
+                else if (slope > 0) {{ slopeColor = '#81c784'; slopeText = 'Leaning Buy'; }}
+                else {{ slopeColor = '#e57373'; slopeText = 'Leaning Sell'; }}
+                statusDiv.innerHTML = `
+                    Mid: <span class="${{data.mid >= data.prev_mid ? 'green' : 'red'}}">$${{data.mid.toLocaleString(undefined, {{minimumFractionDigits: 0}})}}</span> |
+                    Wall Sharpness: <span style="color:${{slopeColor}}; font-weight:bold;">${{slope.toFixed(2)}} (${{slopeText}})</span> |
+                    Trend: ${{data.integral.last_val.toFixed(0)}}
+                `;
+                // 1. PRICE
+                if (!initPrice) {{ Plotly.newPlot(priceDiv, [{{ x: data.history.map(d=>new Date(d.t*1000)), y: data.history.map(d=>d.p), type:'scatter', mode:'lines', line:{{color:'#29b6f6'}} }}], {{...commonLayout, title:'Midprice'}}, commonConfig); initPrice=1; }}
+                else {{ Plotly.react(priceDiv, [{{ x: data.history.map(d=>new Date(d.t*1000)), y: data.history.map(d=>d.p), type:'scatter', mode:'lines', line:{{color:'#29b6f6'}} }}], {{...commonLayout, title:'Midprice'}}, commonConfig); }}
+                // 2. PRESSURE % (With annotation for sharpness?)
+                if (!initImbP) {{ Plotly.newPlot(imbPercentDiv, [{{ x: data.imbalance_pct.x, y: data.imbalance_pct.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:'#ffeb3b'}} }}], {{...commonLayout, title:'Pressure %', yaxis:{{range:[-105,105], gridcolor:'#222'}}}}, commonConfig); initImbP=1; }}
+                else {{ Plotly.react(imbPercentDiv, [{{ x: data.imbalance_pct.x, y: data.imbalance_pct.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:'#ffeb3b'}} }}], {{...commonLayout, title:'Pressure %', yaxis:{{range:[-105,105], gridcolor:'#222'}}}}, commonConfig); }}
+                // 3. VOLUME
+                if (!initVol) {{ Plotly.newPlot(volDiv, [
+                    {{ x: data.imbalance_vol.dist_bids, y: data.imbalance_vol.vol_bids, type:'scatter', line:{{color:'#00e676'}} }},
+                    {{ x: data.imbalance_vol.dist_asks, y: data.imbalance_vol.vol_asks, type:'scatter', line:{{color:'#ff1744'}} }}
+                ], {{...commonLayout, title:'Volume'}}, commonConfig); initVol=1; }}
+                else {{ Plotly.react(volDiv, [
+                    {{ x: data.imbalance_vol.dist_bids, y: data.imbalance_vol.vol_bids, type:'scatter', line:{{color:'#00e676'}} }},
+                    {{ x: data.imbalance_vol.dist_asks, y: data.imbalance_vol.vol_asks, type:'scatter', line:{{color:'#ff1744'}} }}
+                ], {{...commonLayout, title:'Volume'}}, commonConfig); }}
                 // 4. NET DIFF
+                if (!initDiff) {{ Plotly.newPlot(diffDiv, [{{ x: data.diff.x, y: data.diff.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:'#00bcd4'}} }}], {{...commonLayout, title:'Net Diff'}}, commonConfig); initDiff=1; }}
+                else {{ Plotly.react(diffDiv, [{{ x: data.diff.x, y: data.diff.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:'#00bcd4'}} }}], {{...commonLayout, title:'Net Diff'}}, commonConfig); }}
+                // 5. INTEGRAL
+                let intColor = data.integral.last_val >= 0 ? '#e040fb' : '#e040fb';
+                if (!initInt) {{ Plotly.newPlot(intDiv, [{{ x: data.integral.x, y: data.integral.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:intColor}} }}], {{...commonLayout, title:'Integral Trend'}}, commonConfig); initInt=1; }}
+                else {{ Plotly.react(intDiv, [{{ x: data.integral.x, y: data.integral.y, type:'scatter', mode:'lines', fill:'tozeroy', line:{{color:intColor}} }}], {{...commonLayout, title:'Integral Trend'}}, commonConfig); }}
             }} catch (e) {{ console.error("Fetch error:", e); }}
         }}
     mid = market_state['current_mid']
+    # --- Prepare Data ---
     raw_bids = sorted(market_state['bids'].items(), key=lambda x: -x[0])[:300]
     raw_asks = sorted(market_state['asks'].items(), key=lambda x: x[0])[:300]
+    # Volumes by distance
     dist_bids = [(mid - p, q) for p, q in raw_bids if mid - p >= 0]
     d_b_x, d_b_y = [], []
     cum_d = 0
     diff_x, diff_y = [], []
     int_x, int_y = [], []
     running_int = 0
+    sharpness = 0
     if d_b_x and d_a_x:
         max_dist = min(d_b_x[-1], d_a_x[-1])
         step_size = max_dist / 100
         steps = [i * step_size for i in range(1, 101)]
+        for i, s in enumerate(steps):
+            # 1. Volume Lookups
             idx_b = bisect.bisect_right(d_b_x, s)
             vol_b = d_b_y[idx_b-1] if idx_b > 0 else 0
             diff_x.append(s)
             diff_y.append(diff)
+            # 4. Integral
             running_int += diff
             int_x.append(s)
             int_y.append(running_int)
+        # --- SHARPNESS CALCULATION ---
+        # We take the pressure at the 5th step (approx 5% into the book)
+        # Sharpness = Pressure / Distance
+        target_idx = 4 # 5th element
+        if len(imb_x) > target_idx:
+            # e.g., Pressure is 50% at $10 distance -> Sharpness = 5.0
+            # Dividing by distance normalizes it.
+            if imb_x[target_idx] > 0:
+                sharpness = imb_y[target_idx] / imb_x[target_idx]
     return web.json_response({
         "mid": mid,
         "prev_mid": market_state['history'][-2]['p'] if len(market_state['history']) > 1 else mid,
+        "sharpness": sharpness,
         "imbalance_vol": { "dist_bids": d_b_x, "vol_bids": d_b_y, "dist_asks": d_a_x, "vol_asks": d_a_y },
         "imbalance_pct": { "x": imb_x, "y": imb_y },
         "diff": { "x": diff_x, "y": diff_y },
     site = web.TCPSite(runner, '0.0.0.0', PORT)
     await site.start()
+    print(f"🚀 BTC-USD Dashboard with Sharpness: http://localhost:{PORT}")
     await asyncio.Event().wait()
 if __name__ == "__main__":