Merge branch 'main' into implementation/rose-basic/altair

Author: MarkusNeusinger

plots/rose-basic/implementations/python/bokeh.py

@@ -1,52 +1,60 @@
-""" pyplots.ai
+""" anyplot.ai
 rose-basic: Basic Rose Chart
-Library: bokeh 3.8.1 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-23
+Library: bokeh 3.9.0 | Python 3.13.13
+Quality: 84/100 | Updated: 2026-04-30
 """
 
+import os
+import sys
+
+
+# Remove this script's directory from sys.path to prevent bokeh.py from
+# shadowing the installed bokeh package when Python adds the script dir.
+_script_dir = os.path.dirname(os.path.abspath(__file__))
+sys.path = [p for p in sys.path if os.path.abspath(p or ".") != _script_dir]
+
 import numpy as np
 from bokeh.io import export_png, output_file, save
 from bokeh.models import ColumnDataSource
 from bokeh.plotting import figure
 
 
+# Theme tokens
+THEME = os.getenv("ANYPLOT_THEME", "light")
+PAGE_BG = "#FAF8F1" if THEME == "light" else "#1A1A17"
+INK = "#1A1A17" if THEME == "light" else "#F0EFE8"
+INK_SOFT = "#4A4A44" if THEME == "light" else "#B8B7B0"
+BRAND = "#009E73"
+
 # Data - Monthly rainfall (mm) showing seasonal patterns
-np.random.seed(42)
 months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
 values = [85, 70, 65, 45, 30, 20, 15, 25, 40, 60, 75, 90]
-
+max_val = max(values)
 n = len(months)
+angle_width = 2 * np.pi / n
 
 # Calculate wedge angles (equal slices, starting from top/north)
-angle_width = 2 * np.pi / n
 start_angles = np.array([np.pi / 2 - angle_width / 2 - i * angle_width for i in range(n)])
 end_angles = start_angles - angle_width
+center_angles = (start_angles + end_angles) / 2
 
-# Normalize values to radius (max value = 1.0 for full radius)
-max_val = max(values)
+# Normalize values to radius (max value = 1.0)
 radii = [v / max_val for v in values]
 
-# Colors - gradient from Python Yellow to Python Blue based on value
-colors = ["#306998" if v >= 60 else "#4A89B8" if v >= 40 else "#7AB3D8" if v >= 25 else "#FFD43B" for v in values]
+# Brand green with alpha varying by rainfall intensity
+alphas = [0.35 + 0.65 * (v / max_val) for v in values]
 
 source = ColumnDataSource(
-    data={
-        "start_angle": start_angles,
-        "end_angle": end_angles,
-        "radius": radii,
-        "months": months,
-        "values": values,
-        "colors": colors,
-    }
+    data={"start_angle": start_angles, "end_angle": end_angles, "radius": radii, "alphas": alphas}
 )
 
-# Create figure with matching x/y ranges for circular shape
+# Create figure
 p = figure(
     width=4800,
     height=2700,
-    title="Monthly Rainfall · rose-basic · bokeh · pyplots.ai",
-    x_range=(-1.3, 1.3),
-    y_range=(-1.2, 1.1),
+    title="Monthly Rainfall · rose-basic · bokeh · anyplot.ai",
+    x_range=(-1.5, 1.5),
+    y_range=(-1.3, 1.35),
     tools="",
     toolbar_location=None,
 )
@@ -59,56 +67,56 @@
     start_angle="end_angle",
     end_angle="start_angle",
     source=source,
-    fill_color="colors",
-    fill_alpha=0.8,
-    line_color="white",
+    fill_color=BRAND,
+    fill_alpha="alphas",
+    line_color=PAGE_BG,
     line_width=2,
 )
 
-# Add radial gridlines (concentric circles)
+# Radial gridlines (concentric circles)
+theta = np.linspace(0, 2 * np.pi, 200)
 for r in [0.25, 0.5, 0.75, 1.0]:
-    theta = np.linspace(0, 2 * np.pi, 100)
-    p.line(r * np.cos(theta), r * np.sin(theta), line_color="gray", line_alpha=0.3, line_width=1, line_dash="dashed")
+    p.line(r * np.cos(theta), r * np.sin(theta), line_color=INK, line_alpha=0.22, line_width=1.5, line_dash="dashed")
 
-# Add radial lines from center
+# Radial divider lines from center
 for i in range(n):
     angle = np.pi / 2 - i * angle_width
-    p.line([0, 1.05 * np.cos(angle)], [0, 1.05 * np.sin(angle)], line_color="gray", line_alpha=0.2, line_width=1)
+    p.line([0, 1.05 * np.cos(angle)], [0, 1.05 * np.sin(angle)], line_color=INK, line_alpha=0.18, line_width=1)
 
-# Add month labels around the outside
-label_radius = 1.12
+# Month labels centered in each wedge
+label_radius = 1.15
 for i, month in enumerate(months):
-    angle = np.pi / 2 - i * angle_width
-    x = label_radius * np.cos(angle)
-    y = label_radius * np.sin(angle)
+    angle = center_angles[i]
     p.text(
-        x=[x],
-        y=[y],
+        x=[label_radius * np.cos(angle)],
+        y=[label_radius * np.sin(angle)],
         text=[month],
         text_align="center",
         text_baseline="middle",
-        text_font_size="18pt",
-        text_color="#333333",
+        text_font_size="20pt",
+        text_color=INK,
     )
 
-# Add value scale labels on right side
-p.text(x=[1.05], y=[0.25], text=["25%"], text_font_size="14pt", text_color="gray", text_align="left")
-p.text(x=[1.05], y=[0.5], text=["50%"], text_font_size="14pt", text_color="gray", text_align="left")
-p.text(x=[1.05], y=[0.75], text=["75%"], text_font_size="14pt", text_color="gray", text_align="left")
-p.text(x=[1.05], y=[1.0], text=["100%"], text_font_size="14pt", text_color="gray", text_align="left")
+# Rainfall scale labels (actual mm values, right side)
+for r in [0.25, 0.5, 0.75, 1.0]:
+    val_label = f"{int(r * max_val + 0.5)} mm"
+    p.text(x=[1.2], y=[r], text=[val_label], text_font_size="15pt", text_color=INK_SOFT, text_align="left")
 
-# Styling
+# Title and chrome
 p.title.text_font_size = "28pt"
 p.title.align = "center"
-p.background_fill_color = "white"
-p.border_fill_color = "white"
+p.title.text_color = INK
+p.title.text_font_style = "normal"
+
+p.background_fill_color = PAGE_BG
+p.border_fill_color = PAGE_BG
 p.outline_line_color = None
 
 # Hide axes (not needed for rose chart)
 p.axis.visible = False
 p.grid.visible = False
 
-# Save as PNG and HTML
-export_png(p, filename="plot.png")
-output_file("plot.html")
+# Save
+export_png(p, filename=f"plot-{THEME}.png")
+output_file(f"plot-{THEME}.html")
 save(p)

plots/rose-basic/implementations/python/highcharts.py

@@ -1,9 +1,10 @@
-""" pyplots.ai
+""" anyplot.ai
 rose-basic: Basic Rose Chart
-Library: highcharts unknown | Python 3.13.11
-Quality: 91/100 | Created: 2025-12-23
+Library: highcharts unknown | Python 3.13.13
+Quality: 85/100 | Updated: 2026-04-30
 """
 
+import os
 import tempfile
 import time
 import urllib.request
@@ -16,66 +17,112 @@
 from selenium.webdriver.chrome.options import Options
 
 
-# Data - Monthly rainfall in mm (showing natural 12-month cycle)
+# 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"
+GRID = "rgba(26,26,23,0.10)" if THEME == "light" else "rgba(240,239,232,0.10)"
+BRAND = "#009E73"  # Okabe-Ito position 1
+
+# Data - Monthly rainfall in mm (UK-like temperate oceanic climate)
 months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
 rainfall = [78, 52, 65, 45, 38, 25, 18, 22, 42, 68, 85, 92]
 
+# Value-proportional color gradient: light mint (low) → brand green (peak)
+# Encodes rainfall intensity visually — wet months appear darker and more saturated
+_lo = (200, 232, 222)  # #C8E8DE light mint base
+_hi = (0, 158, 115)  # #009E73 brand green
+_mn, _mx = min(rainfall), max(rainfall)
+colors = [
+    "#{:02X}{:02X}{:02X}".format(
+        int(_lo[0] + (v - _mn) / (_mx - _mn) * (_hi[0] - _lo[0])),
+        int(_lo[1] + (v - _mn) / (_mx - _mn) * (_hi[1] - _lo[1])),
+        int(_lo[2] + (v - _mn) / (_mx - _mn) * (_hi[2] - _lo[2])),
+    )
+    for v in rainfall
+]
+
 # Create chart with polar/rose configuration
 chart = Chart(container="container")
 chart.options = HighchartsOptions()
 
-# Chart configuration for polar column (rose chart)
-chart.options.chart = {"polar": True, "type": "column", "width": 4800, "height": 2700, "backgroundColor": "#ffffff"}
+# Square canvas — optimal geometry for a circular rose chart
+chart.options.chart = {
+    "polar": True,
+    "type": "column",
+    "width": 3600,
+    "height": 3600,
+    "backgroundColor": PAGE_BG,
+    "style": {"color": INK},
+}
 
 # Title
 chart.options.title = {
-    "text": "rose-basic · highcharts · pyplots.ai",
-    "style": {"fontSize": "48px", "fontWeight": "bold"},
+    "text": "rose-basic · highcharts · anyplot.ai",
+    "style": {"fontSize": "48px", "fontWeight": "bold", "color": INK},
 }
 
 # Subtitle for context
-chart.options.subtitle = {"text": "Monthly Rainfall (mm)", "style": {"fontSize": "32px"}}
+chart.options.subtitle = {"text": "Monthly Rainfall (mm)", "style": {"fontSize": "32px", "color": INK_SOFT}}
 
 # X-axis (categories around the circle)
 chart.options.x_axis = {
     "categories": months,
     "tickmarkPlacement": "on",
     "lineWidth": 0,
-    "labels": {"style": {"fontSize": "28px"}},
+    "labels": {"style": {"fontSize": "28px", "color": INK_SOFT}},
+    "gridLineColor": GRID,
 }
 
-# Y-axis (radial - values extend from center)
+# Y-axis (radial — values extend from center)
 chart.options.y_axis = {
     "min": 0,
     "gridLineInterpolation": "polygon",
     "lineWidth": 0,
-    "labels": {"style": {"fontSize": "24px"}},
-    "title": {"text": "Rainfall (mm)", "style": {"fontSize": "28px"}},
+    "labels": {"format": "{value} mm", "style": {"fontSize": "22px", "color": INK_SOFT}},
+    "title": {"text": "Rainfall (mm)", "style": {"fontSize": "28px", "color": INK}},
+    "gridLineColor": GRID,
 }
 
+# Pane — startAngle 0 places Jan at 12 o'clock; larger pane fills square canvas
+chart.options.pane = {"size": "88%", "startAngle": 0}
+
 # Plot options for the rose/polar column
 chart.options.plot_options = {
-    "column": {"pointPadding": 0, "groupPadding": 0, "borderWidth": 2, "borderColor": "#ffffff"},
-    "series": {"dataLabels": {"enabled": True, "format": "{y}", "style": {"fontSize": "20px", "fontWeight": "normal"}}},
+    "column": {"pointPadding": 0, "groupPadding": 0, "borderWidth": 2, "borderColor": PAGE_BG},
+    "series": {
+        "dataLabels": {
+            "enabled": True,
+            "format": "{y}",
+            "style": {"fontSize": "26px", "fontWeight": "normal", "color": INK_SOFT},
+        }
+    },
 }
 
-# Pane configuration for polar chart
-chart.options.pane = {"size": "85%", "startAngle": -15}
+# Rich tooltip using Highcharts pointFormat — highlights the per-point color swatch
+chart.options.tooltip = {
+    "headerFormat": "<span style='font-size:24px'><b>{point.key}</b></span><br/>",
+    "pointFormat": "<span style='color:{point.color}'>●</span> Rainfall: <b>{point.y} mm</b>",
+    "backgroundColor": ELEVATED_BG,
+    "style": {"color": INK, "fontSize": "22px"},
+    "borderColor": INK_SOFT,
+}
 
-# Legend configuration
-chart.options.legend = {"enabled": True, "itemStyle": {"fontSize": "28px"}}
+# Disable legend — redundant for a single-series chart
+chart.options.legend = {"enabled": False}
 
-# Create series with Python Blue color
+# Series with per-point value-proportional colors (colorByPoint via data objects)
 series = ColumnSeries()
 series.name = "Rainfall"
-series.data = rainfall
-series.color = "#306998"
+series.data = [{"y": v, "color": c} for v, c in zip(rainfall, colors, strict=True)]
 
 chart.add_series(series)
 
-# Download Highcharts JS and Highcharts More (for polar charts)
-highcharts_url = "https://code.highcharts.com/highcharts.js"
-highcharts_more_url = "https://code.highcharts.com/highcharts-more.js"
+# Download Highcharts JS and Highcharts More (required for polar charts)
+highcharts_url = "https://cdn.jsdelivr.net/npm/highcharts@latest/highcharts.js"
+highcharts_more_url = "https://cdn.jsdelivr.net/npm/highcharts@latest/highcharts-more.js"
 
 with urllib.request.urlopen(highcharts_url, timeout=30) as response:
     highcharts_js = response.read().decode("utf-8")
@@ -92,34 +139,32 @@
     <script>{highcharts_js}</script>
     <script>{highcharts_more_js}</script>
 </head>
-<body style="margin:0;">
-    <div id="container" style="width: 4800px; height: 2700px;"></div>
+<body style="margin:0; background:{PAGE_BG};">
+    <div id="container" style="width: 3600px; height: 3600px;"></div>
     <script>{html_str}</script>
 </body>
 </html>"""
 
-# Write temp HTML
-with tempfile.NamedTemporaryFile(mode="w", suffix=".html", delete=False, encoding="utf-8") as f:
+# Save HTML artifact for the site
+with open(f"plot-{THEME}.html", "w", encoding="utf-8") as f:
     f.write(html_content)
-    temp_path = f.name
 
-# Save HTML for interactive version
-with open("plot.html", "w", encoding="utf-8") as f:
+# Write temp HTML and take screenshot for the PNG artifact
+with tempfile.NamedTemporaryFile(mode="w", suffix=".html", delete=False, encoding="utf-8") as f:
     f.write(html_content)
+    temp_path = f.name
 
-# Take screenshot with headless Chrome
 chrome_options = Options()
 chrome_options.add_argument("--headless")
 chrome_options.add_argument("--no-sandbox")
 chrome_options.add_argument("--disable-dev-shm-usage")
 chrome_options.add_argument("--disable-gpu")
-chrome_options.add_argument("--window-size=4800,2700")
+chrome_options.add_argument("--window-size=3600,3600")
 
 driver = webdriver.Chrome(options=chrome_options)
 driver.get(f"file://{temp_path}")
 time.sleep(5)
-driver.save_screenshot("plot.png")
+driver.save_screenshot(f"plot-{THEME}.png")
 driver.quit()
 
-# Clean up temp file
 Path(temp_path).unlink()

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

@@ -1,7 +1,7 @@
-""" pyplots.ai
+""" anyplot.ai
 rose-basic: Basic Rose Chart
-Library: matplotlib 3.10.8 | Python 3.13.11
-Quality: 91/100 | Created: 2025-12-23
+Library: matplotlib 3.10.9 | Python 3.13.13
+Quality: 80/100 | Updated: 2026-04-30
 """
 
 import matplotlib.pyplot as plt