Merge branch 'main' into implementation/errorbar-basic/bokeh

Author: MarkusNeusinger

plots/errorbar-basic/implementations/python/altair.py

@@ -1,7 +1,7 @@
 """ anyplot.ai
 errorbar-basic: Basic Error Bar Plot
-Library: altair 6.1.0 | Python 3.14.4
-Quality: 88/100 | Updated: 2026-04-25
+Library: altair 6.2.2 | Python 3.13.14
+Quality: 94/100 | Updated: 2026-06-30
 """
 
 import importlib
@@ -14,22 +14,23 @@
 alt = importlib.import_module("altair")
 np = importlib.import_module("numpy")
 pd = importlib.import_module("pandas")
-
+PILImage = importlib.import_module("PIL.Image")
 
 # Theme tokens
 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"
-BRAND = "#009E73"  # Okabe-Ito position 1
+BRAND = "#009E73"  # Imprint palette position 1
+ACCENT = "#BD8233"  # Imprint ochre — highlights peak-response group
 
 # Data
 np.random.seed(42)
 categories = ["Control", "Treatment A", "Treatment B", "Treatment C", "Treatment D", "Treatment E"]
 y_values = [25.3, 38.7, 42.1, 35.8, 48.2, 31.5]
 
-# Asymmetric errors: Treatment C and D show notably different lower/upper bounds
+# Asymmetric errors: Treatment C shows wide lower bound; Treatment D peaks highest
 asymmetric_lower = [2.1, 3.5, 2.8, 6.5, 4.8, 2.5]
 asymmetric_upper = [2.1, 3.5, 2.8, 2.8, 2.2, 2.5]
 
@@ -48,19 +49,29 @@
 
 base = alt.Chart(df).encode(x=alt.X("category:N", title="Experimental Group", sort=categories))
 
-error_bars = base.mark_rule(strokeWidth=3, color=BRAND).encode(
-    y=alt.Y("error_lower:Q", title=y_title, scale=y_scale), y2="error_upper:Q"
+# Condition-based encoding: Treatment D (peak response) accented in ochre via alt.condition()
+highlight = alt.datum.category == "Treatment D"
+
+error_bars = base.mark_rule(strokeWidth=3).encode(
+    y=alt.Y("error_lower:Q", title=y_title, scale=y_scale),
+    y2="error_upper:Q",
+    color=alt.condition(highlight, alt.value(ACCENT), alt.value(BRAND)),
 )
 
-caps_top = base.mark_tick(thickness=3, size=22, color=BRAND).encode(
-    y=alt.Y("error_upper:Q", title=y_title, scale=y_scale)
+caps_top = base.mark_tick(thickness=3, size=22).encode(
+    y=alt.Y("error_upper:Q", title=y_title, scale=y_scale),
+    color=alt.condition(highlight, alt.value(ACCENT), alt.value(BRAND)),
 )
-caps_bottom = base.mark_tick(thickness=3, size=22, color=BRAND).encode(
-    y=alt.Y("error_lower:Q", title=y_title, scale=y_scale)
+
+caps_bottom = base.mark_tick(thickness=3, size=22).encode(
+    y=alt.Y("error_lower:Q", title=y_title, scale=y_scale),
+    color=alt.condition(highlight, alt.value(ACCENT), alt.value(BRAND)),
 )
 
-points = base.mark_circle(size=320, color=BRAND).encode(
+points = base.mark_circle().encode(
     y=alt.Y("value:Q", title=y_title, scale=y_scale),
+    color=alt.condition(highlight, alt.value(ACCENT), alt.value(BRAND)),
+    size=alt.condition(highlight, alt.value(480), alt.value(280)),
     tooltip=[
         alt.Tooltip("category:N", title="Group"),
         alt.Tooltip("value:Q", title="Mean", format=".2f"),
@@ -69,28 +80,54 @@
     ],
 )
 
+# Annotation surfacing the "Peak response" label for Treatment D
+peak_df = df[df["category"] == "Treatment D"]
+annotation = (
+    alt.Chart(peak_df)
+    .mark_text(dy=-28, color=ACCENT, fontSize=10, fontStyle="italic", text="Peak response")
+    .encode(x=alt.X("category:N", sort=categories), y=alt.Y("error_upper:Q", scale=y_scale))
+)
+
 chart = (
-    alt.layer(error_bars, caps_bottom, caps_top, points)
+    alt.layer(error_bars, caps_bottom, caps_top, points, annotation)
     .properties(
-        width=1600,
-        height=900,
+        width=620,
+        height=320,
         background=PAGE_BG,
-        title=alt.Title("errorbar-basic · altair · anyplot.ai", fontSize=28, color=INK, anchor="start", offset=20),
+        title=alt.Title(
+            "errorbar-basic · python · altair · anyplot.ai", fontSize=16, color=INK, anchor="start", offset=20
+        ),
     )
     .configure_view(fill=PAGE_BG, stroke=None)
     .configure_axis(
-        labelFontSize=18,
-        titleFontSize=22,
+        labelFontSize=11,
+        titleFontSize=12,
         labelColor=INK_SOFT,
         titleColor=INK,
         domainColor=INK_SOFT,
+        domainOpacity=0,
         tickColor=INK_SOFT,
         gridColor=INK,
-        gridOpacity=0.10,
+        gridOpacity=0.13,
         labelAngle=0,
     )
     .configure_legend(fillColor=ELEVATED_BG, strokeColor=INK_SOFT, labelColor=INK_SOFT, titleColor=INK)
 )
 
-chart.save(f"plot-{THEME}.png", scale_factor=3.0)
+chart.save(f"plot-{THEME}.png", scale_factor=4.0)
+
+# Pad to exact 3200×1800 target — only expand, never crop (AR-09 guard)
+TW, TH = 3200, 1800
+_img = PILImage.open(f"plot-{THEME}.png").convert("RGB")
+_w, _h = _img.size
+if _w > TW or _h > TH:
+    raise SystemExit(
+        f"altair vl-convert produced {_w}×{_h}, exceeds target {TW}×{TH}. "
+        f"Shrink chart .properties(width=, height=) values and re-render."
+    )
+if _w < TW or _h < TH:
+    _canvas = PILImage.new("RGB", (TW, TH), PAGE_BG)
+    _canvas.paste(_img, ((TW - _w) // 2, (TH - _h) // 2))
+    _canvas.save(f"plot-{THEME}.png")
+
 chart.save(f"plot-{THEME}.html")

plots/errorbar-basic/implementations/python/matplotlib.py

@@ -1,66 +1,114 @@
 """ anyplot.ai
 errorbar-basic: Basic Error Bar Plot
-Library: matplotlib 3.10.9 | Python 3.14.4
-Quality: 86/100 | Updated: 2026-04-25
+Library: matplotlib 3.11.0 | Python 3.13.14
+Quality: 91/100 | Updated: 2026-06-30
 """
 
 import os
 
 import matplotlib.pyplot as plt
 import numpy as np
+from matplotlib.lines import Line2D
 
 
 # Theme tokens
 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"
-BRAND = "#009E73"  # Okabe-Ito position 1
+INK_MUTED = "#6B6A63" if THEME == "light" else "#A8A79F"
+BRAND = "#009E73"  # Imprint palette position 1 — in-spec machines
+IMPRINT_RED = "#AE3030"  # Imprint palette position 5 — out-of-spec machines
 
-# Data - experimental measurements with associated uncertainties
-np.random.seed(42)
-categories = ["Control", "Treatment A", "Treatment B", "Treatment C", "Treatment D", "Treatment E"]
-x = np.arange(len(categories))
-y = np.array([25.3, 38.7, 42.1, 35.8, 48.2, 31.5])
+# Data: fill weight calibration across 6 production machines (target: 500 g, USL: 505 g)
+# Machines 1-3 are well-calibrated (symmetric errors); machines 4-6 show process drift (asymmetric)
+machines = ["Machine 1", "Machine 2", "Machine 3", "Machine 4", "Machine 5", "Machine 6"]
+x = np.arange(len(machines))
+weights = np.array([498.2, 499.8, 502.3, 507.5, 511.8, 518.4])
+TARGET = 500.0
+UPPER_SPEC = 505.0
 
-# Asymmetric errors: Treatment C and D have notably different lower/upper bounds
-asymmetric_lower = np.array([2.1, 3.5, 2.8, 6.5, 4.8, 2.5])
-asymmetric_upper = np.array([2.1, 3.5, 2.8, 2.8, 2.2, 2.5])
+# Symmetric errors for well-calibrated machines; asymmetric for drifting machines
+errors_lower = np.array([1.5, 1.2, 2.1, 2.8, 3.2, 4.1])
+errors_upper = np.array([1.5, 1.2, 2.1, 4.5, 6.8, 8.3])
+
+# Color by compliance: in-spec = brand green, out-of-spec = Imprint red
+point_colors = [BRAND if w <= UPPER_SPEC else IMPRINT_RED for w in weights]
 
 # Plot
-fig, ax = plt.subplots(figsize=(16, 9), facecolor=PAGE_BG)
+fig, ax = plt.subplots(figsize=(8, 4.5), dpi=400, facecolor=PAGE_BG)
 ax.set_facecolor(PAGE_BG)
 
-ax.errorbar(
-    x,
-    y,
-    yerr=[asymmetric_lower, asymmetric_upper],
-    fmt="o",
-    markersize=15,
-    color=BRAND,
-    ecolor=BRAND,
-    elinewidth=3,
-    capsize=10,
-    capthick=3,
-    markeredgecolor=PAGE_BG,
-    markeredgewidth=1.2,
-    alpha=0.95,
-)
+# Tolerance band and reference lines drawn first (below data)
+ax.axhspan(TARGET - 5, UPPER_SPEC, color=BRAND, alpha=0.07, zorder=0)
+ax.axhline(TARGET, color=INK_SOFT, linewidth=1.2, linestyle="--", alpha=0.6, zorder=1)
+ax.axhline(UPPER_SPEC, color=IMPRINT_RED, linewidth=1.2, linestyle=":", alpha=0.7, zorder=1)
+
+# One errorbar call per point to support per-machine color coding
+for xi, yi, el, eu, col in zip(x, weights, errors_lower, errors_upper, point_colors, strict=True):
+    ax.errorbar(
+        xi,
+        yi,
+        yerr=[[el], [eu]],
+        fmt="o",
+        markersize=8,
+        color=col,
+        ecolor=col,
+        elinewidth=2.5,
+        capsize=7,
+        capthick=2.5,
+        markeredgecolor=PAGE_BG,
+        markeredgewidth=0.8,
+        alpha=0.95,
+    )
 
 # Style
-ax.set_xlabel("Experimental Group", fontsize=20, color=INK)
-ax.set_ylabel("Response Value (units)", fontsize=20, color=INK)
-ax.set_title("errorbar-basic · matplotlib · anyplot.ai", fontsize=24, fontweight="medium", color=INK)
+title = "errorbar-basic · python · matplotlib · anyplot.ai"
+ax.set_title(title, fontsize=12, fontweight="medium", color=INK)
+ax.set_xlabel("Production Machine", fontsize=10, color=INK)
+ax.set_ylabel("Fill Weight (g)", fontsize=10, color=INK)
 ax.set_xticks(x)
-ax.set_xticklabels(categories)
-ax.tick_params(axis="both", labelsize=16, colors=INK_SOFT)
+ax.set_xticklabels(machines)
+ax.tick_params(axis="both", labelsize=8, colors=INK_SOFT, labelcolor=INK_SOFT)
 ax.spines["top"].set_visible(False)
 ax.spines["right"].set_visible(False)
 for s in ("left", "bottom"):
     ax.spines[s].set_color(INK_SOFT)
-ax.yaxis.grid(True, alpha=0.10, linewidth=0.8, color=INK)
+ax.yaxis.grid(True, alpha=0.12, linewidth=0.8, color=INK)
 ax.set_axisbelow(True)
-ax.set_ylim(0, max(y + asymmetric_upper) * 1.15)
+ax.set_ylim(490, 532)
+
+# Legend — in-spec/out-of-spec groups plus reference lines
+legend_elements = [
+    Line2D(
+        [0],
+        [0],
+        marker="o",
+        color="none",
+        markerfacecolor=BRAND,
+        markeredgecolor=PAGE_BG,
+        markersize=8,
+        label="In-spec",
+    ),
+    Line2D(
+        [0],
+        [0],
+        marker="o",
+        color="none",
+        markerfacecolor=IMPRINT_RED,
+        markeredgecolor=PAGE_BG,
+        markersize=8,
+        label="Out-of-spec",
+    ),
+    Line2D([0], [0], color=INK_SOFT, linewidth=1.2, linestyle="--", label="Target (500 g)"),
+    Line2D([0], [0], color=IMPRINT_RED, linewidth=1.2, linestyle=":", label="Upper spec (505 g)"),
+]
+leg = ax.legend(handles=legend_elements, fontsize=8, loc="upper left")
+leg.get_frame().set_facecolor(ELEVATED_BG)
+leg.get_frame().set_edgecolor(INK_SOFT)
+plt.setp(leg.get_texts(), color=INK_SOFT)
 
+# Save
 plt.tight_layout()
-plt.savefig(f"plot-{THEME}.png", dpi=300, bbox_inches="tight", facecolor=PAGE_BG)
+plt.savefig(f"plot-{THEME}.png", dpi=400, facecolor=PAGE_BG)