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

Author: MarkusNeusinger

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

@@ -1,66 +1,77 @@
-""" pyplots.ai
+""" anyplot.ai
 line-basic: Basic Line Plot
-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: 87/100 | Updated: 2026-04-29
 """
 
+import os
+
 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 - Daily temperature readings for a month
 np.random.seed(42)
 days = np.arange(1, 32)
+base_temp = 20 + 8 * np.sin(np.linspace(0, np.pi, 31))
+temperature = base_temp + np.random.randn(31) * 2
 
-# Temperature with seasonal pattern and random variation
-base_temp = 20 + 8 * np.sin(np.linspace(0, np.pi, 31))  # Warm mid-month
-noise = np.random.randn(31) * 2
-temperature = base_temp + noise
-
-# Create ColumnDataSource
 source = ColumnDataSource(data={"day": days, "temperature": temperature})
 
-# Create figure (4800 × 2700 px)
+# Plot
 p = figure(
     width=4800,
     height=2700,
-    title="line-basic · bokeh · pyplots.ai",
+    title="line-basic · bokeh · anyplot.ai",
     x_axis_label="Day of Month",
     y_axis_label="Temperature (°C)",
 )
 
-# Plot line with markers for visibility
-p.line(x="day", y="temperature", source=source, line_width=5, line_color="#306998")
-p.scatter(x="day", y="temperature", source=source, size=16, fill_color="#306998", line_color="white", line_width=3)
+p.line(x="day", y="temperature", source=source, line_width=5, line_color=BRAND)
+p.scatter(x="day", y="temperature", source=source, size=16, fill_color=BRAND, line_color=PAGE_BG, line_width=3)
 
-# Style text sizes for 4800x2700 px
+# Style — text sizes for 4800×2700 px
 p.title.text_font_size = "42pt"
+p.title.text_color = INK
 p.xaxis.axis_label_text_font_size = "32pt"
+p.xaxis.axis_label_text_color = INK
 p.yaxis.axis_label_text_font_size = "32pt"
+p.yaxis.axis_label_text_color = INK
 p.xaxis.major_label_text_font_size = "24pt"
+p.xaxis.major_label_text_color = INK_SOFT
 p.yaxis.major_label_text_font_size = "24pt"
+p.yaxis.major_label_text_color = INK_SOFT
 
-# Grid styling - subtle dashed lines
-p.grid.grid_line_alpha = 0.3
-p.grid.grid_line_dash = "dashed"
+# Background and borders
+p.background_fill_color = PAGE_BG
+p.border_fill_color = PAGE_BG
+p.outline_line_color = INK_SOFT
 
-# Background styling
-p.background_fill_color = "#fafafa"
-p.border_fill_color = "white"
+# Axis lines and ticks
+p.xaxis.axis_line_color = INK_SOFT
+p.yaxis.axis_line_color = INK_SOFT
+p.xaxis.major_tick_line_color = INK_SOFT
+p.yaxis.major_tick_line_color = INK_SOFT
+p.xaxis.axis_line_width = 2
+p.yaxis.axis_line_width = 2
 
-# Axis styling
-p.axis.axis_line_width = 2
-p.axis.axis_line_color = "#333333"
-p.axis.major_tick_line_width = 2
-p.axis.minor_tick_line_width = 1
+# Grid — y-axis only, subtle
+p.xgrid.grid_line_color = None
+p.ygrid.grid_line_color = INK
+p.ygrid.grid_line_alpha = 0.10
 
-# Remove toolbar for cleaner static image
 p.toolbar_location = None
 
-# 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/line-basic/implementations/python/plotly.py

@@ -1,57 +1,118 @@
 """ anyplot.ai
 line-basic: Basic Line Plot
-Library: plotly 6.7.0 | Python 3.14.4
-Quality: 82/100 | Updated: 2026-04-29
+Library: plotly 6.7.0 | Python 3.13.13
+Quality: 92/100 | Updated: 2026-04-29
 """
 
+import os
+
 import numpy as np
 import plotly.graph_objects as go
 
 
-# Data - Monthly temperature readings
+# 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"
+BRAND_FILL = "rgba(0,158,115,0.12)"
+
+# Data - Monthly temperature readings (seasonal pattern)
 np.random.seed(42)
 months = np.arange(1, 13)
-# Simulate temperature pattern (cold winter, warm summer)
+month_labels = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
 temperature = 15 + 12 * np.sin((months - 4) * np.pi / 6) + np.random.randn(12) * 1.5
 
-# Create figure
+peak_idx = int(np.argmax(temperature))
+
+# Plot
 fig = go.Figure()
 
 fig.add_trace(
     go.Scatter(
         x=months,
         y=temperature,
         mode="lines+markers",
-        line={"color": "#306998", "width": 5},
-        marker={"size": 18, "color": "#306998"},
-        hovertemplate="Month: %{x}<br>Temperature: %{y:.1f}°C<extra></extra>",
+        line={"color": BRAND, "width": 5},
+        marker={"size": 18, "color": BRAND},
+        fill="tozeroy",
+        fillcolor=BRAND_FILL,
+        hovertemplate="%{customdata}<br>%{y:.1f}°C<extra></extra>",
+        customdata=month_labels,
     )
 )
 
-# Layout
+# Peak annotation for visual storytelling
+fig.add_annotation(
+    x=months[peak_idx],
+    y=temperature[peak_idx],
+    text=f"Peak: {temperature[peak_idx]:.1f}°C",
+    showarrow=True,
+    arrowhead=2,
+    arrowcolor=INK_SOFT,
+    arrowwidth=2,
+    ax=40,
+    ay=-50,
+    font={"size": 20, "color": INK},
+    bgcolor=ELEVATED_BG,
+    bordercolor=INK_SOFT,
+    borderwidth=1,
+    borderpad=6,
+)
+
 fig.update_layout(
-    title={"text": "line-basic · plotly · pyplots.ai", "font": {"size": 40}, "x": 0.5, "xanchor": "center"},
+    paper_bgcolor=PAGE_BG,
+    plot_bgcolor=PAGE_BG,
+    font={"color": INK},
+    title={
+        "text": "line-basic · plotly · anyplot.ai",
+        "font": {"size": 36, "color": INK},
+        "x": 0.5,
+        "xanchor": "center",
+    },
     xaxis={
-        "title": {"text": "Month", "font": {"size": 36}},
-        "tickfont": {"size": 28},
+        "title": {"text": "Month", "font": {"size": 28, "color": INK}},
+        "tickfont": {"size": 22, "color": INK_SOFT},
         "tickmode": "array",
         "tickvals": months,
-        "ticktext": ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+        "ticktext": month_labels,
         "showgrid": True,
         "gridwidth": 1,
-        "gridcolor": "rgba(0,0,0,0.1)",
+        "gridcolor": GRID,
+        "showline": True,
+        "linecolor": INK_SOFT,
+        "mirror": False,
+        "zerolinecolor": GRID,
+        "showspikes": True,
+        "spikemode": "across",
+        "spikethickness": 1,
+        "spikedash": "dot",
+        "spikecolor": INK_SOFT,
     },
     yaxis={
-        "title": {"text": "Temperature (°C)", "font": {"size": 36}},
-        "tickfont": {"size": 28},
+        "title": {"text": "Temperature (°C)", "font": {"size": 28, "color": INK}},
+        "tickfont": {"size": 22, "color": INK_SOFT},
         "showgrid": True,
         "gridwidth": 1,
-        "gridcolor": "rgba(0,0,0,0.1)",
+        "gridcolor": GRID,
+        "showline": True,
+        "linecolor": INK_SOFT,
+        "mirror": False,
+        "zerolinecolor": GRID,
+        "rangemode": "tozero",
+        "showspikes": True,
+        "spikemode": "across",
+        "spikethickness": 1,
+        "spikedash": "dot",
+        "spikecolor": INK_SOFT,
     },
-    template="plotly_white",
-    margin={"t": 120, "b": 100, "l": 120, "r": 50},
+    hovermode="x",
+    margin={"t": 120, "b": 100, "l": 120, "r": 60},
 )
 
 # Save
-fig.write_image("plot.png", width=1600, height=900, scale=3)
-fig.write_html("plot.html")
+fig.write_image(f"plot-{THEME}.png", width=1600, height=900, scale=3)
+fig.write_html(f"plot-{THEME}.html", include_plotlyjs="cdn")

plots/line-basic/implementations/python/plotnine.py

@@ -1,13 +1,39 @@
-""" pyplots.ai
+""" anyplot.ai
 line-basic: Basic Line Plot
-Library: plotnine 0.15.2 | Python 3.13.11
-Quality: 91/100 | Created: 2025-12-23
+Library: plotnine 0.15.3 | Python 3.13.13
+Quality: 89/100 | Updated: 2026-04-29
 """
 
+import os
+import sys
+
+
+# Prevent this file from shadowing the plotnine library when run from its own directory
+sys.path = [p for p in sys.path if not p or os.path.abspath(p) != os.path.abspath(os.path.dirname(__file__))]
+
 import numpy as np
 import pandas as pd
-from plotnine import aes, element_line, element_text, geom_line, geom_point, ggplot, labs, theme, theme_minimal
+from plotnine import (
+    aes,
+    element_line,
+    element_rect,
+    element_text,
+    geom_line,
+    geom_point,
+    ggplot,
+    labs,
+    scale_x_continuous,
+    theme,
+    theme_minimal,
+)
+
 
+# 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 average temperature readings for a typical year
 np.random.seed(42)
@@ -17,22 +43,27 @@
 
 df = pd.DataFrame({"Month": months, "Temperature": temperature})
 
+month_labels = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+
 # Plot
 plot = (
     ggplot(df, aes(x="Month", y="Temperature"))
-    + geom_line(size=2.5, color="#306998")
-    + geom_point(size=6, color="#306998")
-    + labs(x="Month", y="Temperature (°C)", title="line-basic · plotnine · pyplots.ai")
+    + geom_line(size=2.5, color=BRAND)
+    + geom_point(size=6, color=BRAND)
+    + scale_x_continuous(breaks=list(range(1, 13)), labels=month_labels)
+    + labs(x="Month", y="Temperature (°C)", title="line-basic · plotnine · anyplot.ai")
     + theme_minimal()
     + theme(
         figure_size=(16, 9),
-        text=element_text(size=14),
-        axis_title=element_text(size=20),
-        axis_text=element_text(size=16),
-        plot_title=element_text(size=24),
-        panel_grid_major=element_line(color="#cccccc", size=0.5, alpha=0.3),
-        panel_grid_minor=element_line(color="#eeeeee", size=0.3, alpha=0.2),
+        plot_background=element_rect(fill=PAGE_BG, color=PAGE_BG),
+        panel_background=element_rect(fill=PAGE_BG),
+        text=element_text(size=14, color=INK),
+        axis_title=element_text(size=20, color=INK),
+        axis_text=element_text(size=16, color=INK_SOFT),
+        plot_title=element_text(size=24, color=INK),
+        panel_grid_major=element_line(color=INK_SOFT, size=0.3, alpha=0.15),
+        panel_grid_minor=element_line(color=INK_SOFT, size=0.2, alpha=0.05),
     )
 )
 
-plot.save("plot.png", dpi=300, verbose=False)
+plot.save(f"plot-{THEME}.png", dpi=300, verbose=False)