Spaces:

Alvin3y1
/

test

Sleeping

App Files Files Community

Alvin3y1 commited on 15 days ago

Commit

e1ca688

verified ·

1 Parent(s): 75f59d6

Update app.py

Browse files

Files changed (1) hide show

app.py +19 -18

app.py CHANGED Viewed

@@ -3,6 +3,7 @@ import json
 import logging
 import time
 import bisect
 from aiohttp import web
 import websockets
@@ -28,7 +29,7 @@ HTML_PAGE = f"""
 <!DOCTYPE html>
 <html>
 <head>
-    <title>BTC-USD Gradient 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; }}
@@ -75,7 +76,7 @@ HTML_PAGE = f"""
                 <div id="vol-chart" class="chart"></div>
             </div>
             <div class="col">
-                <!-- Bottom Right: Differentiation (Gradient) -->
                 <div id="deriv-chart" class="chart"></div>
             </div>
         </div>
@@ -112,7 +113,7 @@ HTML_PAGE = f"""
                     return;
                 }}
-                statusDiv.innerHTML = `Mid: <span class="${{data.mid >= data.prev_mid ? 'green' : 'red'}}">$${{data.mid.toLocaleString(undefined, {{minimumFractionDigits: 2}})}}</span> | Max Grad: ${{data.deriv.max_val ? data.deriv.max_val.toFixed(2) : 0}}`;
                 // 1. PRICE HISTORY
                 if (!initPrice) {{
@@ -138,21 +139,21 @@ HTML_PAGE = f"""
                 if (!initVol) {{ Plotly.newPlot(volDiv, tracesVol, layoutVol, commonConfig); initVol = true; }}
                 else {{ Plotly.react(volDiv, tracesVol, layoutVol, commonConfig); }}
-                // 4. DIFFERENTIATION (Gradient)
-                // This shows the rate of change of pressure. Large spikes = walls.
                 const layoutDeriv = {{ ...commonLayout,
-                    title: '<b>Pressure Gradient (Rate of Change)</b>',
                     xaxis: {{title: 'Distance ($)', gridcolor:'#222'}},
-                    yaxis: {{title: 'Δ% / Step', gridcolor:'#222'}}
                 }};
                 const traceDeriv = {{
                     x: data.deriv.x,
                     y: data.deriv.y,
                     type: 'scatter',
                     mode: 'lines',
                     fill: 'tozeroy',
-                    line: {{color: '#e040fb', width: 1.5}} // Purple line
                 }};
                 if (!initDeriv) {{ Plotly.newPlot(derivDiv, [traceDeriv], layoutDeriv, commonConfig); initDeriv = true; }}
@@ -245,7 +246,7 @@ async def handle_data(request):
     if d_b_x and d_a_x:
         max_dist = min(d_b_x[-1], d_a_x[-1])
-        # Use 100 uniform steps for smooth differentiation
         step_size = max_dist / 100
         steps = [i * step_size for i in range(1, 101)]
@@ -262,28 +263,28 @@ async def handle_data(request):
             # 2. Imbalance %
             total_vol = vol_b + vol_a
             pct = ((vol_b - vol_a) / total_vol) * 100 if total_vol > 0 else 0
             imb_x.append(s)
             imb_y.append(pct)
-            # 3. Differentiation (Rate of Change)
-            # Change in percentage per step
             if i > 0:
                 change = pct - last_pct
                 deriv_x.append(s)
-                deriv_y.append(change)
             last_pct = pct
-    # Find max gradient for display
-    max_grad = max(deriv_y) if deriv_y else 0
     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 },
-        "deriv": { "x": deriv_x, "y": deriv_y, "max_val": max_grad },
         "history": market_state['history']
     })
@@ -307,7 +308,7 @@ async def main():
     site = web.TCPSite(runner, '0.0.0.0', PORT)
     await site.start()
-    print(f"🚀 BTC-USD Gradient Dashboard: http://localhost:{PORT}")
     await asyncio.Event().wait()
 if __name__ == "__main__":

 import logging
 import time
 import bisect
+import math
 from aiohttp import web
 import websockets
 <!DOCTYPE html>
 <html>
 <head>
+    <title>BTC-USD Normalized Gradient</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; }}
                 <div id="vol-chart" class="chart"></div>
             </div>
             <div class="col">
+                <!-- Bottom Right: Normalized Differentiation -->
                 <div id="deriv-chart" class="chart"></div>
             </div>
         </div>
                     return;
                 }}
+                statusDiv.innerHTML = `Mid: <span class="${{data.mid >= data.prev_mid ? 'green' : 'red'}}">$${{data.mid.toLocaleString(undefined, {{minimumFractionDigits: 2}})}}</span> | Gradient: ${{data.deriv.last_val ? data.deriv.last_val.toFixed(3) : 0}}`;
                 // 1. PRICE HISTORY
                 if (!initPrice) {{
                 if (!initVol) {{ Plotly.newPlot(volDiv, tracesVol, layoutVol, commonConfig); initVol = true; }}
                 else {{ Plotly.react(volDiv, tracesVol, layoutVol, commonConfig); }}
+                // 4. NORMALIZED GRADIENT (-1 to +1)
                 const layoutDeriv = {{ ...commonLayout,
+                    title: '<b>Gradient (Normalized -1 to +1)</b>',
                     xaxis: {{title: 'Distance ($)', gridcolor:'#222'}},
+                    yaxis: {{title: 'Norm Rate', range: [-1.1, 1.1], gridcolor:'#222', zeroline: true, zerolinecolor: '#fff'}}
                 }};
+                // Color line based on positive/negative?
                 const traceDeriv = {{
                     x: data.deriv.x,
                     y: data.deriv.y,
                     type: 'scatter',
                     mode: 'lines',
                     fill: 'tozeroy',
+                    line: {{color: '#e040fb', width: 1.5}}
                 }};
                 if (!initDeriv) {{ Plotly.newPlot(derivDiv, [traceDeriv], layoutDeriv, commonConfig); initDeriv = true; }}
     if d_b_x and d_a_x:
         max_dist = min(d_b_x[-1], d_a_x[-1])
+        # Use 100 steps
         step_size = max_dist / 100
         steps = [i * step_size for i in range(1, 101)]
             # 2. Imbalance %
             total_vol = vol_b + vol_a
             pct = ((vol_b - vol_a) / total_vol) * 100 if total_vol > 0 else 0
             imb_x.append(s)
             imb_y.append(pct)
+            # 3. Normalized Gradient (tanh scaling)
+            # We use tanh(change / scale_factor) to fit into -1..1
             if i > 0:
                 change = pct - last_pct
+                # Scaling factor of 2.0 provides good sensitivity for % changes
+                # A change of 2% -> 0.76 (Strong)
+                # A change of 5% -> 0.98 (Max Saturated)
+                norm_change = math.tanh(change / 2.0)
                 deriv_x.append(s)
+                deriv_y.append(norm_change)
             last_pct = pct
     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 },
+        "deriv": { "x": deriv_x, "y": deriv_y, "last_val": deriv_y[-1] if deriv_y else 0 },
         "history": market_state['history']
     })
     site = web.TCPSite(runner, '0.0.0.0', PORT)
     await site.start()
+    print(f"🚀 BTC-USD Normalized Dashboard: http://localhost:{PORT}")
     await asyncio.Event().wait()
 if __name__ == "__main__":