Update app.py

app.py

@@ -245,7 +245,8 @@ def parse_path(text: str, d: int) -> List[int]:
 
 # ---------- Figure builder (fixed UnboundLocalError) ----------
 
-def make_figure(d: int, show_labels: bool, node_r: int, edge_w: int,
+def make_figure(d: int, show_bits: bool, show_ints: bool,
+                node_r: int, edge_w: int,
                 path: List[int], scale_base: float):
     nodes, edges = build_hypercube(d)
     pts, width, height = layout_positions(d, base=scale_base)
@@ -319,34 +320,49 @@ def make_figure(d: int, show_labels: bool, node_r: int, edge_w: int,
     # Nodes (3× size if on the path)
     xs = [pos[v][0] for v in nodes]
     ys = [pos[v][1] for v in nodes]
-    texts = [int_to_bin(v, d) for v in nodes]
+
+    bit_labels = [int_to_bin(v, d) for v in nodes]
+    int_labels = [str(v) for v in nodes]
+
+    # Decide what text to show per node
+    show_any_label = show_bits or show_ints
+    if show_bits and show_ints:
+        texts = [f"{iv}\n{bv}" for iv, bv in zip(int_labels, bit_labels)]
+    elif show_bits:
+        texts = bit_labels
+    elif show_ints:
+        texts = int_labels
+    else:
+        texts = None
 
     in_path = set(path or [])
     sizes = []
     colors = []
     for v in nodes:
         base_size = node_r * 2
-        sizes.append(base_size * (3 if v in in_path else 1))  # 3× for nodes on the path
+        sizes.append(base_size * (3 if v in in_path else 1))
         if path and (v == path[0] or v == path[-1]):
             colors.append("#111")
         else:
             colors.append("#222")
 
     node_trace = go.Scatter(
-        x=xs, y=ys,
-        mode="markers+text" if show_labels else "markers",
+        x=xs,
+        y=ys,
+        mode="markers+text" if show_any_label else "markers",
         marker=dict(size=sizes, color=colors, line=dict(width=1, color="#333")),
-        text=texts if show_labels else None,
+        text=texts,
         textposition="middle right",
         textfont=dict(size=12, color="#333"),
         hovertemplate=(
-            "id=%{customdata}<br>bin=%{text}<extra></extra>" if show_labels
+            "id=%{customdata}<br>label=%{text}<extra></extra>" if show_any_label
             else "id=%{customdata}<extra></extra>"
         ),
-        customdata=nodes,  # integers → vertex id for vertex clicks
+        customdata=nodes,
         name="vertices",
     )
 
+
     fig = go.Figure(edge_traces + [node_trace])
     pad = max(40, 0.08 * max(width, height))
     fig.update_layout(
@@ -401,8 +417,11 @@ app.layout = html.Div(
                 html.Div([
                     dcc.Checklist(
                         id="show_labels",
-                        options=[{"label": " Show labels", "value": "labels"}],
-                        value=["labels"] if DEFAULTS["show_labels"] else [],
+                        options=[
+                            {"label": " Show bit labels", "value": "bits"},
+                            {"label": " Show int labels", "value": "ints"},
+                        ],
+                        value=[],  # or ["bits"] if you want bits shown by default
                         style={"marginTop": "8px"},
                     )
                 ]),
@@ -614,10 +633,14 @@ def update_path(clickData,
     Input("scale", "value"),
 )
 def render(d, show_labels_vals, path, scale_base):
-    show_labels = "labels" in (show_labels_vals or [])
+    labels_vals = show_labels_vals or []
+    show_bits = "bits" in labels_vals
+    show_ints = "ints" in labels_vals
+
     fig = make_figure(
         d=int(d),
-        show_labels=bool(show_labels),
+        show_bits=show_bits,
+        show_ints=show_ints,
         node_r=DEFAULTS["node_radius"],
         edge_w=DEFAULTS["edge_width"],
         path=path or [],
@@ -625,6 +648,7 @@ def render(d, show_labels_vals, path, scale_base):
     )
     return fig
 
+
 @app.callback(
     Output("path_info", "children"),
     Input("dim", "value"),