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

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/bokeh.py

@@ -1,15 +1,25 @@
 """ anyplot.ai
 errorbar-basic: Basic Error Bar Plot
-Library: bokeh 3.9.0 | Python 3.14.4
-Quality: 88/100 | Updated: 2026-04-25
+Library: bokeh 3.9.1 | Python 3.13.14
+Quality: 92/100 | Updated: 2026-06-30
 """
 
 import os
+import sys
+import time
+from pathlib import Path
+
+
+# Remove script dir from sys.path so 'bokeh.py' doesn't shadow the installed bokeh package
+_here = os.path.dirname(os.path.abspath(__file__))
+sys.path = [p for p in sys.path if p != _here]
 
 import numpy as np
-from bokeh.io import export_png, output_file, save
+from bokeh.io import output_file, save
 from bokeh.models import ColumnDataSource, Label, TeeHead, Whisker
 from bokeh.plotting import figure
+from selenium import webdriver
+from selenium.webdriver.chrome.options import Options
 
 
 # Theme tokens
@@ -20,7 +30,7 @@
 INK_SOFT = "#4A4A44" if THEME == "light" else "#B8B7B0"
 INK_MUTED = "#6B6A63" if THEME == "light" else "#A8A79F"
 
-# Okabe-Ito categorical palette (positions 1-6)
+# Imprint categorical palette (positions 1-6)
 IMPRINT = ["#009E73", "#C475FD", "#4467A3", "#BD8233", "#AE3030", "#2ABCCD"]
 
 # Data — experimental measurements with associated uncertainties
@@ -40,16 +50,22 @@
     data={"categories": categories, "means": means, "upper": upper, "lower": lower, "colors": colors}
 )
 
-# Plot
+# Canvas: 3200×1800 (landscape) — hard rule, no deviation
+W, H = 3200, 1800
+
 p = figure(
-    width=4800,
-    height=2700,
+    width=W,
+    height=H,
     x_range=categories,
-    title="errorbar-basic · bokeh · anyplot.ai",
+    title="errorbar-basic · python · bokeh · anyplot.ai",
     x_axis_label="Experimental Group",
     y_axis_label="Response Value (units)",
     toolbar_location=None,
     tools="",
+    min_border_bottom=160,
+    min_border_left=180,
+    min_border_top=110,
+    min_border_right=50,
 )
 
 # Error bars (Whisker with TeeHead caps) — one whisker per group so each can take its own color
@@ -93,23 +109,23 @@
 
 # Title
 p.title.text_color = INK
-p.title.text_font_size = "36pt"
+p.title.text_font_size = "50pt"
 p.title.text_font_style = "normal"
 p.title.align = "left"
 
 # Axis labels
 p.xaxis.axis_label_text_color = INK
 p.yaxis.axis_label_text_color = INK
-p.xaxis.axis_label_text_font_size = "32pt"
-p.yaxis.axis_label_text_font_size = "32pt"
+p.xaxis.axis_label_text_font_size = "42pt"
+p.yaxis.axis_label_text_font_size = "42pt"
 p.xaxis.axis_label_text_font_style = "normal"
 p.yaxis.axis_label_text_font_style = "normal"
 
 # Tick labels
 p.xaxis.major_label_text_color = INK_SOFT
 p.yaxis.major_label_text_color = INK_SOFT
-p.xaxis.major_label_text_font_size = "24pt"
-p.yaxis.major_label_text_font_size = "24pt"
+p.xaxis.major_label_text_font_size = "34pt"
+p.yaxis.major_label_text_font_size = "34pt"
 
 # Axis lines and ticks
 p.xaxis.axis_line_color = INK_SOFT
@@ -121,7 +137,7 @@
 
 # Subtle y-grid only
 p.ygrid.grid_line_color = INK
-p.ygrid.grid_line_alpha = 0.10
+p.ygrid.grid_line_alpha = 0.15
 p.xgrid.grid_line_color = None
 
 # Y-range trimmed to data — eliminates dead space below
@@ -131,7 +147,27 @@
 p.y_range.start = max(0.0, y_min - y_pad)
 p.y_range.end = y_max + y_pad
 
-# Save
-export_png(p, filename=f"plot-{THEME}.png")
-output_file(f"plot-{THEME}.html", title="errorbar-basic · bokeh · anyplot.ai")
+# Save HTML (required interactive artifact)
+output_file(f"plot-{THEME}.html", title="errorbar-basic · python · bokeh · anyplot.ai")
 save(p)
+
+# Screenshot with headless Chrome via Selenium — export_png uses chromedriver snap shim which fails
+opts = Options()
+for arg in (
+    "--headless=new",
+    "--no-sandbox",
+    "--disable-dev-shm-usage",
+    "--disable-gpu",
+    f"--window-size={W},{H}",
+    "--hide-scrollbars",
+):
+    opts.add_argument(arg)
+driver = webdriver.Chrome(options=opts)
+# Use CDP to set exact viewport dimensions (--window-size alone can be 100-150px short due to browser chrome)
+driver.execute_cdp_cmd(
+    "Emulation.setDeviceMetricsOverride", {"width": W, "height": H, "deviceScaleFactor": 1, "mobile": False}
+)
+driver.get(f"file://{Path(f'plot-{THEME}.html').resolve()}")
+time.sleep(3)
+driver.save_screenshot(f"plot-{THEME}.png")
+driver.quit()

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

@@ -1,7 +1,7 @@
 """ anyplot.ai
 errorbar-basic: Basic Error Bar Plot
-Library: letsplot 4.9.0 | Python 3.14.4
-Quality: 91/100 | Updated: 2026-04-25
+Library: letsplot 4.11.0 | Python 3.13.14
+Quality: 89/100 | Updated: 2026-06-30
 """
 
 import os
@@ -32,11 +32,13 @@
 PAGE_BG = "#FAF8F1" if THEME == "light" else "#1A1A17"
 INK = "#1A1A17" if THEME == "light" else "#F0EFE8"
 INK_SOFT = "#4A4A44" if THEME == "light" else "#B8B7B0"
+ELEVATED_BG = "#FFFDF6" if THEME == "light" else "#242420"
+RULE = "#1A1A1726" if THEME == "light" else "#F0EFE826"  # 15% opacity — subtle grid
 
-BRAND = "#009E73"  # Okabe-Ito position 1
-FOCAL = "#C475FD"  # Okabe-Ito position 2 — emphasises group with largest spread
+BRAND = "#009E73"  # Imprint palette position 1
+FOCAL = "#C475FD"  # Imprint palette position 2 — highlights group with largest spread
 
-# Data — experimental measurements with uncertainty
+# Data — clinical measurements comparing control vs treatment groups
 data = pd.DataFrame(
     {
         "experiment": ["Control", "Treatment A", "Treatment B", "Treatment C", "Treatment D"],
@@ -47,24 +49,29 @@
 data["ymin"] = data["mean_value"] - data["error"]
 data["ymax"] = data["mean_value"] + data["error"]
 
-# Highlight the group with the largest error spread to give the chart a focal point
 focal_idx = data["error"].idxmax()
 data["highlight"] = ["focal" if i == focal_idx else "base" for i in data.index]
 
 color_map = {"base": BRAND, "focal": FOCAL}
 
+title = "errorbar-basic · python · letsplot · anyplot.ai"
+subtitle = (
+    "Treatment D (highlighted) has the widest error margin (±7.1 mg/dL), indicating higher measurement variability"
+)
+
 anyplot_theme = theme(
     plot_background=element_rect(fill=PAGE_BG, color=PAGE_BG),
     panel_background=element_rect(fill=PAGE_BG, color=PAGE_BG),
     panel_border=element_blank(),
     panel_grid_major_x=element_blank(),
     panel_grid_minor=element_blank(),
-    panel_grid_major_y=element_line(color=INK_SOFT, size=0.3),
+    panel_grid_major_y=element_line(color=RULE, size=0.3),
     axis_line=element_line(color=INK_SOFT),
     axis_ticks=element_line(color=INK_SOFT),
-    axis_title=element_text(color=INK, size=20),
-    axis_text=element_text(color=INK_SOFT, size=16),
-    plot_title=element_text(color=INK, size=24),
+    axis_title=element_text(color=INK, size=12),
+    axis_text=element_text(color=INK_SOFT, size=10),
+    plot_title=element_text(color=INK, size=16),
+    plot_subtitle=element_text(color=INK_SOFT, size=11),
     legend_position="none",
 )
 
@@ -73,14 +80,14 @@
     + geom_errorbar(aes(ymin="ymin", ymax="ymax"), width=0.3, size=1.5)
     + geom_point(size=6)
     + scale_color_manual(values=color_map)
-    + labs(x="Experimental Group", y="Measured Value (mg/dL)", title="errorbar-basic · letsplot · anyplot.ai")
+    + labs(x="Experimental Group", y="Measured Value (mg/dL)", title=title, subtitle=subtitle)
     + theme_minimal()
     + anyplot_theme
-    + ggsize(1600, 900)
+    + ggsize(800, 450)
 )
 
-# PNG (scale 3x for 4800 x 2700 px)
-ggsave(plot, f"plot-{THEME}.png", scale=3, path=".")
+# PNG (scale=4 → 3200 × 1800 px)
+ggsave(plot, f"plot-{THEME}.png", scale=4, path=".")
 
 # HTML (interactive)
 ggsave(plot, f"plot-{THEME}.html", path=".")