update(arc-basic): plotly — comprehensive quality review

Comprehensive review and update of plotly implementation for arc-basic.

Author: MarkusNeusinger

plots/arc-basic/implementations/plotly.py

@@ -1,7 +1,7 @@
-""" pyplots.ai
+"""pyplots.ai
 arc-basic: Basic Arc Diagram
-Library: plotly 6.5.0 | Python 3.13.11
-Quality: 91/100 | Created: 2025-12-23
+Library: plotly 6.5.2 | Python 3.14.3
+Quality: /100 | Updated: 2026-02-23
 """
 
 import numpy as np
@@ -13,53 +13,52 @@
 n_nodes = len(nodes)
 
 # Edges: pairs of (source_idx, target_idx, weight)
-# Demonstrates short-range and long-range connections with varying weights
 edges = [
-    (0, 1, 3),  # Alice-Bob (neighbors, strong connection)
-    (0, 3, 2),  # Alice-David (medium distance)
+    (0, 1, 3),  # Alice-Bob (neighbors, strong)
+    (0, 3, 2),  # Alice-David
     (1, 2, 2),  # Bob-Carol
-    (2, 4, 3),  # Carol-Eve
+    (2, 4, 3),  # Carol-Eve (strong)
     (3, 5, 2),  # David-Frank
     (4, 6, 2),  # Eve-Grace
-    (5, 7, 3),  # Frank-Henry
-    (0, 8, 1),  # Alice-Iris (long arc)
-    (2, 9, 2),  # Carol-Jack (long arc)
-    (1, 4, 2),  # Bob-Eve (medium arc)
-    (3, 7, 1),  # David-Henry (long arc)
+    (5, 7, 3),  # Frank-Henry (strong)
+    (0, 8, 1),  # Alice-Iris (long, weak)
+    (2, 9, 2),  # Carol-Jack (long)
+    (1, 4, 2),  # Bob-Eve
+    (3, 7, 1),  # David-Henry (long, weak)
     (6, 9, 2),  # Grace-Jack
 ]
 
 # Node positions along horizontal axis
 x_positions = np.linspace(0, 10, n_nodes)
 
+# Weight-based styling: opacity and width encode connection strength
+arc_styles = {
+    1: {"color": "rgba(48, 105, 152, 0.30)", "width": 2.0},
+    2: {"color": "rgba(48, 105, 152, 0.55)", "width": 3.0},
+    3: {"color": "rgba(48, 105, 152, 0.85)", "width": 4.5},
+}
+
 # Create figure
 fig = go.Figure()
 
 # Draw arcs as smooth parabolic curves
 for src, tgt, weight in edges:
-    x_src = x_positions[src]
-    x_tgt = x_positions[tgt]
-
-    # Arc height proportional to distance between nodes
-    distance = abs(tgt - src)
-    arc_height = distance * 0.4
+    x_src, x_tgt = x_positions[src], x_positions[tgt]
+    arc_height = abs(tgt - src) * 0.45
 
-    # Create smooth arc using multiple points
     t = np.linspace(0, 1, 50)
     x_arc = x_src + t * (x_tgt - x_src)
-    y_arc = arc_height * 4 * t * (1 - t)  # Parabolic arc
-
-    # Line width based on weight
-    line_width = 2 + weight * 1.5
+    y_arc = arc_height * 4 * t * (1 - t)
 
+    style = arc_styles[weight]
     fig.add_trace(
         go.Scatter(
             x=x_arc,
             y=y_arc,
             mode="lines",
-            line={"width": line_width, "color": "#306998"},
-            opacity=0.6,
-            hoverinfo="skip",
+            line={"width": style["width"], "color": style["color"]},
+            hoverinfo="text",
+            hovertext=f"{nodes[src]} — {nodes[tgt]}  (weight {weight})",
             showlegend=False,
         )
     )
@@ -68,45 +67,39 @@
 fig.add_trace(
     go.Scatter(
         x=x_positions,
-        y=[0] * n_nodes,
+        y=np.zeros(n_nodes),
         mode="markers+text",
-        marker={"size": 24, "color": "#FFD43B", "line": {"width": 3, "color": "#306998"}},
+        marker={"size": 24, "color": "#FFD43B", "line": {"width": 2.5, "color": "#306998"}},
         text=nodes,
         textposition="bottom center",
-        textfont={"size": 18, "color": "#306998"},
-        hovertemplate="%{text}<extra></extra>",
+        textfont={"size": 18, "color": "#2a2a2a"},
+        hovertemplate="<b>%{text}</b><extra></extra>",
         showlegend=False,
     )
 )
 
-# Draw horizontal baseline
-fig.add_trace(
-    go.Scatter(
-        x=[x_positions[0] - 0.3, x_positions[-1] + 0.3],
-        y=[0, 0],
-        mode="lines",
-        line={"width": 3, "color": "#888888"},
-        hoverinfo="skip",
-        showlegend=False,
-    )
+# Subtle horizontal baseline
+fig.add_shape(
+    type="line", x0=x_positions[0] - 0.3, x1=x_positions[-1] + 0.3, y0=0, y1=0, line={"width": 1.5, "color": "#CCCCCC"}
 )
 
 # Layout
 fig.update_layout(
-    title={"text": "arc-basic · plotly · pyplots.ai", "font": {"size": 32}, "x": 0.5, "xanchor": "center"},
-    xaxis={"showgrid": False, "zeroline": False, "showticklabels": False, "title": None, "range": [-0.5, 10.5]},
-    yaxis={
-        "showgrid": False,
-        "zeroline": False,
-        "showticklabels": False,
-        "title": None,
-        "range": [-1.5, 4],
-        "scaleanchor": "x",
-        "scaleratio": 0.5,
+    title={
+        "text": "arc-basic · plotly · pyplots.ai",
+        "font": {"size": 30, "color": "#2a2a2a"},
+        "x": 0.5,
+        "xanchor": "center",
+        "y": 0.96,
     },
+    xaxis={"showgrid": False, "zeroline": False, "showticklabels": False, "showline": False, "range": [-0.5, 10.5]},
+    yaxis={"showgrid": False, "zeroline": False, "showticklabels": False, "showline": False, "range": [-0.6, 4.5]},
+    hovermode="closest",
+    hoverlabel={"bgcolor": "white", "font_size": 14, "font_color": "#306998"},
     template="plotly_white",
     plot_bgcolor="white",
-    margin={"l": 50, "r": 50, "t": 100, "b": 80},
+    paper_bgcolor="white",
+    margin={"l": 30, "r": 30, "t": 70, "b": 30},
 )
 
 # Save outputs

plots/arc-basic/metadata/plotly.yaml

@@ -1,16 +1,16 @@
 library: plotly
 specification_id: arc-basic
 created: '2025-12-23T08:49:38Z'
-updated: '2025-12-23T09:04:32Z'
-generated_by: claude-opus-4-5-20251101
+updated: '2026-02-23T12:00:00+00:00'
+generated_by: claude-opus-4-6
 workflow_run: 20455961277
 issue: 0
-python_version: 3.13.11
-library_version: 6.5.0
+python_version: '3.14.3'
+library_version: 6.5.2
 preview_url: https://storage.googleapis.com/pyplots-images/plots/arc-basic/plotly/plot.png
 preview_thumb: https://storage.googleapis.com/pyplots-images/plots/arc-basic/plotly/plot_thumb.png
 preview_html: https://storage.googleapis.com/pyplots-images/plots/arc-basic/plotly/plot.html
-quality_score: 91
+quality_score: null
 impl_tags:
   dependencies: []
   techniques: