Merge branch 'main' into implementation/line-timeseries/pygal

Author: MarkusNeusinger

plots/line-timeseries/implementations/python/altair.py

@@ -1,14 +1,29 @@
-""" pyplots.ai
+""" anyplot.ai
 line-timeseries: Time Series Line Plot
-Library: altair 6.0.0 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-26
+Library: altair 6.1.0 | Python 3.13.13
+Quality: 92/100 | Updated: 2026-05-09
 """
 
-import altair as alt
-import numpy as np
-import pandas as pd
+import os
+import sys
 
 
+# Remove the current directory from sys.path to avoid importing altair.py
+sys.path = [p for p in sys.path if p != "" and not p.endswith("python")]
+
+import altair as alt  # noqa: E402
+import numpy as np  # noqa: E402
+import pandas as pd  # noqa: E402
+
+
+# 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
+
 # Data - Daily stock prices over one year
 np.random.seed(42)
 
@@ -29,41 +44,56 @@
 # Create time series line chart
 chart = (
     alt.Chart(df)
-    .mark_line(
-        strokeWidth=3,
-        color="#306998",  # Python Blue
-    )
+    .mark_line(strokeWidth=3, color=BRAND, point=True, size=150)
     .encode(
         x=alt.X(
             "date:T",
             title="Date",
             axis=alt.Axis(
-                format="%b %Y",  # Month Year format
+                format="%b %Y",
                 labelFontSize=18,
                 titleFontSize=22,
                 labelAngle=-45,
                 tickCount=12,
+                labelColor=INK_SOFT,
+                titleColor=INK,
+                domainColor=INK_SOFT,
+                gridColor=INK,
+                gridOpacity=0.10,
             ),
         ),
         y=alt.Y(
             "price:Q",
             title="Stock Price ($)",
             scale=alt.Scale(zero=False),
-            axis=alt.Axis(labelFontSize=18, titleFontSize=22, grid=True, gridOpacity=0.3),
+            axis=alt.Axis(
+                labelFontSize=18,
+                titleFontSize=22,
+                labelColor=INK_SOFT,
+                titleColor=INK,
+                domainColor=INK_SOFT,
+                gridColor=INK,
+                gridOpacity=0.10,
+            ),
         ),
         tooltip=[
             alt.Tooltip("date:T", title="Date", format="%B %d, %Y"),
             alt.Tooltip("price:Q", title="Price", format="$.2f"),
         ],
     )
     .properties(
-        width=1600, height=900, title=alt.Title("line-timeseries · altair · pyplots.ai", fontSize=28, anchor="middle")
+        width=1600,
+        height=900,
+        background=PAGE_BG,
+        title=alt.Title("line-timeseries · altair · anyplot.ai", fontSize=28, anchor="middle", color=INK),
     )
-    .configure_view(strokeWidth=0)
-    .configure_axis(gridColor="#cccccc", gridOpacity=0.3, domainColor="#333333")
+    .configure_view(fill=PAGE_BG, stroke=INK_SOFT, strokeWidth=1)
+    .configure_title(color=INK, fontSize=28)
+    .configure_legend(fillColor=ELEVATED_BG, strokeColor=INK_SOFT, labelColor=INK_SOFT, titleColor=INK)
     .interactive()
 )
 
 # Save outputs
-chart.save("plot.png", scale_factor=3.0)
-chart.save("plot.html")
+script_dir = os.path.dirname(os.path.abspath(__file__))
+chart.save(os.path.join(script_dir, f"plot-{THEME}.png"), scale_factor=3.0)
+chart.save(os.path.join(script_dir, f"plot-{THEME}.html"))

plots/line-timeseries/implementations/python/plotly.py

@@ -1,72 +1,87 @@
-""" pyplots.ai
+""" anyplot.ai
 line-timeseries: Time Series Line Plot
-Library: plotly 6.5.0 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-26
+Library: plotly 6.7.0 | Python 3.13.13
+Quality: 90/100 | Updated: 2026-05-09
 """
 
+import os
+
 import numpy as np
 import pandas as pd
 import plotly.graph_objects as go
 
 
-# Data - Daily temperature readings over one year
+# 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 - Stock prices with uptrend
 np.random.seed(42)
 dates = pd.date_range(start="2024-01-01", end="2024-12-31", freq="D")
+days = np.arange(len(dates))
+trend = 100 + 0.15 * days
+volatility = 5 * np.sin(2 * np.pi * days / 60)
+noise = np.random.randn(len(dates)) * 2
+prices = trend + volatility + noise
 
-# Create realistic temperature pattern with seasonal variation
-day_of_year = np.arange(len(dates))
-seasonal = 15 * np.sin(2 * np.pi * (day_of_year - 80) / 365)  # Peak around late July
-baseline = 12  # Average temperature
-noise = np.random.randn(len(dates)) * 3
-temperatures = baseline + seasonal + noise
-
-df = pd.DataFrame({"date": dates, "temperature": temperatures})
+df = pd.DataFrame({"date": dates, "price": prices})
 
 # Create plot
 fig = go.Figure()
 
 fig.add_trace(
     go.Scatter(
         x=df["date"],
-        y=df["temperature"],
+        y=df["price"],
         mode="lines",
-        line={"color": "#306998", "width": 2.5},
-        name="Temperature",
-        hovertemplate="Date: %{x|%b %d, %Y}<br>Temperature: %{y:.1f}°C<extra></extra>",
+        line={"color": BRAND, "width": 3},
+        name="Stock Price",
+        hovertemplate="Date: %{x|%b %d, %Y}<br>Price: $%{y:.2f}<extra></extra>",
     )
 )
 
 # Layout for 4800x2700 px
 fig.update_layout(
     title={
-        "text": "Daily Temperature 2024 · line-timeseries · plotly · pyplots.ai",
-        "font": {"size": 32},
+        "text": "line-timeseries · plotly · anyplot.ai",
+        "font": {"size": 28, "color": INK},
         "x": 0.5,
         "xanchor": "center",
     },
     xaxis={
-        "title": {"text": "Date", "font": {"size": 24}},
-        "tickfont": {"size": 18},
+        "title": {"text": "Date", "font": {"size": 22, "color": INK}},
+        "tickfont": {"size": 18, "color": INK_SOFT},
         "tickformat": "%b %Y",
         "dtick": "M1",
-        "gridcolor": "rgba(128, 128, 128, 0.3)",
+        "gridcolor": GRID,
         "gridwidth": 1,
         "showgrid": True,
+        "linecolor": INK_SOFT,
+        "zerolinecolor": INK_SOFT,
+        "rangeslider": {"visible": True, "thickness": 0.05},
     },
     yaxis={
-        "title": {"text": "Temperature (°C)", "font": {"size": 24}},
-        "tickfont": {"size": 18},
-        "gridcolor": "rgba(128, 128, 128, 0.3)",
+        "title": {"text": "Stock Price ($)", "font": {"size": 22, "color": INK}},
+        "tickfont": {"size": 18, "color": INK_SOFT},
+        "gridcolor": GRID,
         "gridwidth": 1,
         "showgrid": True,
+        "linecolor": INK_SOFT,
+        "zerolinecolor": INK_SOFT,
     },
-    template="plotly_white",
-    plot_bgcolor="white",
-    paper_bgcolor="white",
+    paper_bgcolor=PAGE_BG,
+    plot_bgcolor=PAGE_BG,
+    font={"color": INK},
     margin={"l": 100, "r": 80, "t": 120, "b": 100},
     showlegend=False,
+    hovermode="x unified",
 )
 
 # Save as PNG (4800x2700 px) and HTML
-fig.write_image("plot.png", width=1600, height=900, scale=3)
-fig.write_html("plot.html", include_plotlyjs="cdn")
+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-timeseries/implementations/python/plotnine.py

@@ -1,16 +1,19 @@
-""" pyplots.ai
+""" anyplot.ai
 line-timeseries: Time Series Line Plot
-Library: plotnine 0.15.2 | Python 3.13.11
-Quality: 92/100 | Created: 2025-12-26
+Library: plotnine 0.15.4 | Python 3.13.13
+Quality: 92/100 | Updated: 2026-05-09
 """
 
+import os
+
 import numpy as np
 import pandas as pd
 from mizani.breaks import breaks_date
 from mizani.labels import label_date
 from plotnine import (
     aes,
     element_line,
+    element_rect,
     element_text,
     geom_line,
     geom_point,
@@ -22,36 +25,51 @@
 )
 
 
-# Data: Daily stock prices over one year
+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"
+
+# Data: Bitcoin prices over one year with explicit trend and volatility
 np.random.seed(42)
-dates = pd.date_range(start="2024-01-01", periods=252, freq="B")  # Business days
-price = 100.0
+dates = pd.date_range(start="2023-01-01", periods=365, freq="D")
+price = 16500.0
 prices = []
-for _ in range(252):
-    price = price * (1 + np.random.randn() * 0.015)
+for i in range(365):
+    # Trend component: upward over the year, with mid-year dip
+    trend = 20000 + 15000 * np.sin(i / 365 * np.pi * 2) + i * 5
+    # Volatility: crypto is more volatile than stocks
+    volatility = price * (1 + np.random.randn() * 0.035)
+    # Mix trend and volatility
+    price = 0.7 * trend + 0.3 * volatility
     prices.append(price)
 
 df = pd.DataFrame({"date": dates, "price": prices})
 
 # Plot
 plot = (
     ggplot(df, aes(x="date", y="price"))
-    + geom_line(color="#306998", size=1.5, alpha=0.9)
-    + geom_point(color="#306998", size=0.8, alpha=0.5)
-    + scale_x_datetime(breaks=breaks_date(7), labels=label_date("%b %Y"))
-    + labs(title="line-timeseries · plotnine · pyplots.ai", x="Date", y="Stock Price ($)")
+    + geom_line(color=BRAND, size=1.5, alpha=0.9)
+    + geom_point(color=BRAND, size=0.8, alpha=0.5)
+    + scale_x_datetime(breaks=breaks_date(30), labels=label_date("%b"))
+    + labs(title="line-timeseries · plotnine · anyplot.ai", x="Date", y="Bitcoin Price (USD)")
     + 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_background=element_rect(fill=PAGE_BG, color=PAGE_BG),
+        panel_background=element_rect(fill=PAGE_BG, color=PAGE_BG),
+        panel_grid_major=element_line(color=INK, size=0.3, alpha=0.10),
+        panel_grid_minor=element_line(color=INK, size=0.2, alpha=0.05),
+        panel_border=element_rect(color=INK_SOFT, fill=None),
+        text=element_text(size=14, color=INK),
+        axis_title=element_text(size=20, color=INK),
+        axis_text=element_text(size=16, color=INK_SOFT),
         axis_text_x=element_text(angle=45, hjust=1),
-        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="#dddddd", size=0.3, alpha=0.2),
+        plot_title=element_text(size=24, color=INK),
     )
 )
 
 # Save
-plot.save("plot.png", dpi=300)
+plot.save(f"plot-{THEME}.png", dpi=300)