feat(plotly): implement lollipop-basic (#5443)

## Implementation: `lollipop-basic` - python/plotly

Implements the **python/plotly** version of `lollipop-basic`.

**File:** `plots/lollipop-basic/implementations/python/plotly.py`

**Parent Issue:** #934

---
:robot: *[impl-generate
workflow](https://github.com/MarkusNeusinger/anyplot/actions/runs/24956801988)*

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

plots/lollipop-basic/implementations/python/plotly.py

@@ -1,13 +1,24 @@
-""" pyplots.ai
+""" anyplot.ai
 lollipop-basic: Basic Lollipop Chart
-Library: plotly 6.5.0 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-23
+Library: plotly 6.7.0 | Python 3.14.4
+Quality: 87/100 | Updated: 2026-04-26
 """
 
+import os
+
 import plotly.graph_objects as go
 
 
-# Data - Product sales by category, sorted by value
+# Theme tokens (see prompts/default-style-guide.md "Theme-adaptive Chrome")
+THEME = os.getenv("ANYPLOT_THEME", "light")
+PAGE_BG = "#FAF8F1" if THEME == "light" else "#1A1A17"
+ELEVATED_BG = "#FFFDF6" if THEME == "light" else "#242420"
+INK = "#1A1A17" if THEME == "light" else "#F0EFE8"
+INK_SOFT = "#4A4A44" if THEME == "light" else "#B8B7B0"
+GRID = "rgba(26,26,23,0.10)" if THEME == "light" else "rgba(240,239,232,0.10)"
+BRAND = "#009E73"  # Okabe-Ito position 1 — ALWAYS first series
+
+# Data — Product sales by category (deterministic, sorted descending)
 categories = [
     "Electronics",
     "Clothing",
@@ -20,55 +31,74 @@
     "Food & Grocery",
     "Health",
 ]
-values = [125000, 98000, 87000, 76000, 65000, 54000, 48000, 42000, 38000, 31000]
+values = [124820, 97340, 86715, 75260, 64480, 53905, 47620, 41370, 37815, 30945]
 
-# Create figure
+# Plot
 fig = go.Figure()
 
-# Add stems (thin lines from baseline to value)
+# Stems — one segmented Scatter trace via None separators (single trace, fewer DOM nodes)
+stem_x = []
+stem_y = []
 for cat, val in zip(categories, values, strict=True):
-    fig.add_trace(
-        go.Scatter(
-            x=[cat, cat],
-            y=[0, val],
-            mode="lines",
-            line={"color": "#306998", "width": 3},
-            showlegend=False,
-            hoverinfo="skip",
-        )
-    )
+    stem_x.extend([cat, cat, None])
+    stem_y.extend([0, val, None])
 
-# Add markers (dots at the top of each stem)
+fig.add_trace(
+    go.Scatter(x=stem_x, y=stem_y, mode="lines", line={"color": BRAND, "width": 3}, showlegend=False, hoverinfo="skip")
+)
+
+# Markers — circular dots at the top of each stem
 fig.add_trace(
     go.Scatter(
         x=categories,
         y=values,
         mode="markers",
-        marker={"color": "#306998", "size": 18, "line": {"color": "white", "width": 2}},
+        marker={"color": BRAND, "size": 22, "line": {"color": PAGE_BG, "width": 2.5}, "symbol": "circle"},
         showlegend=False,
-        hovertemplate="%{x}<br>$%{y:,.0f}<extra></extra>",
+        hovertemplate="<b>%{x}</b><br>Sales: $%{y:,.0f}<extra></extra>",
+        cliponaxis=False,
     )
 )
 
-# Update layout for 4800x2700 px
+# Style
 fig.update_layout(
-    title={"text": "lollipop-basic · plotly · pyplots.ai", "font": {"size": 40}, "x": 0.5, "xanchor": "center"},
-    xaxis={"title": {"text": "Product Category", "font": {"size": 40}}, "tickfont": {"size": 32}, "tickangle": -45},
+    title={
+        "text": "Product Sales by Category · lollipop-basic · plotly · anyplot.ai",
+        "font": {"size": 28, "color": INK},
+        "x": 0.5,
+        "xanchor": "center",
+        "y": 0.95,
+    },
+    xaxis={
+        "title": {"text": "Product Category", "font": {"size": 22, "color": INK}},
+        "tickfont": {"size": 18, "color": INK_SOFT},
+        "tickangle": -35,
+        "showgrid": False,
+        "linecolor": INK_SOFT,
+        "ticks": "outside",
+        "tickcolor": INK_SOFT,
+        "ticklen": 6,
+    },
     yaxis={
-        "title": {"text": "Sales ($)", "font": {"size": 40}},
-        "tickfont": {"size": 32},
+        "title": {"text": "Sales ($)", "font": {"size": 22, "color": INK}},
+        "tickfont": {"size": 18, "color": INK_SOFT},
         "tickformat": "$,.0f",
-        "gridcolor": "rgba(0,0,0,0.1)",
+        "gridcolor": GRID,
         "gridwidth": 1,
+        "zeroline": True,
+        "zerolinecolor": INK_SOFT,
+        "zerolinewidth": 1.5,
+        "linecolor": INK_SOFT,
         "range": [0, max(values) * 1.1],
     },
-    template="plotly_white",
-    margin={"l": 100, "r": 50, "t": 120, "b": 150},
+    paper_bgcolor=PAGE_BG,
+    plot_bgcolor=PAGE_BG,
+    font={"color": INK, "family": "Inter, system-ui, sans-serif"},
+    margin={"l": 110, "r": 60, "t": 110, "b": 160},
     showlegend=False,
+    hoverlabel={"bgcolor": ELEVATED_BG, "bordercolor": INK_SOFT, "font": {"color": INK, "size": 16}},
 )
 
-# Save as PNG (4800x2700 px)
-fig.write_image("plot.png", width=1600, height=900, scale=3)
-
-# Save interactive HTML
-fig.write_html("plot.html")
+# Save
+fig.write_image(f"plot-{THEME}.png", width=1600, height=900, scale=3)
+fig.write_html(f"plot-{THEME}.html", include_plotlyjs="cdn")