Merge remote-tracking branch 'origin/main'

Author: MarkusNeusinger

plots/chessboard-basic/implementations/bokeh.py

@@ -0,0 +1,85 @@
+""" pyplots.ai
+chessboard-basic: Chess Board Grid Visualization
+Library: bokeh 3.8.2 | Python 3.13.11
+Quality: 91/100 | Created: 2026-01-08
+"""
+
+from bokeh.io import export_png, save
+from bokeh.models import ColumnDataSource
+from bokeh.plotting import figure
+from bokeh.resources import CDN
+
+
+# Data - 8x8 chess board squares
+columns = list("abcdefgh")
+rows = list("12345678")
+
+# Create square data
+x_coords = []
+y_coords = []
+colors = []
+
+# Light square color (cream) and dark square color (brown)
+light_color = "#F0D9B5"
+dark_color = "#B58863"
+
+for row_idx, _row in enumerate(rows):
+    for col_idx, _col in enumerate(columns):
+        # Center of each square
+        x_coords.append(col_idx + 0.5)
+        y_coords.append(row_idx + 0.5)
+        # Alternating colors: light square at h1 (row 0, col 7)
+        # Pattern: (row_idx + col_idx) even = dark, odd = light
+        if (row_idx + col_idx) % 2 == 0:
+            colors.append(dark_color)
+        else:
+            colors.append(light_color)
+
+source = ColumnDataSource(data={"x": x_coords, "y": y_coords, "color": colors})
+
+# Create figure with 1:1 aspect ratio (square)
+p = figure(
+    width=3600,
+    height=3600,
+    title="chessboard-basic · bokeh · pyplots.ai",
+    x_range=(-0.1, 8.1),
+    y_range=(-0.1, 8.1),
+    tools="",
+    toolbar_location=None,
+)
+
+# Draw squares as rectangles
+p.rect(x="x", y="y", width=1, height=1, source=source, color="color", line_color="#333333", line_width=2)
+
+# Style the figure
+p.title.text_font_size = "32pt"
+p.title.align = "center"
+
+# Configure x-axis (columns a-h)
+p.xaxis.ticker = [0.5, 1.5, 2.5, 3.5, 4.5, 5.5, 6.5, 7.5]
+p.xaxis.major_label_overrides = {0.5: "a", 1.5: "b", 2.5: "c", 3.5: "d", 4.5: "e", 5.5: "f", 6.5: "g", 7.5: "h"}
+p.xaxis.major_label_text_font_size = "24pt"
+p.xaxis.axis_label = "Column"
+p.xaxis.axis_label_text_font_size = "22pt"
+
+# Configure y-axis (rows 1-8)
+p.yaxis.ticker = [0.5, 1.5, 2.5, 3.5, 4.5, 5.5, 6.5, 7.5]
+p.yaxis.major_label_overrides = {0.5: "1", 1.5: "2", 2.5: "3", 3.5: "4", 4.5: "5", 5.5: "6", 6.5: "7", 7.5: "8"}
+p.yaxis.major_label_text_font_size = "24pt"
+p.yaxis.axis_label = "Row"
+p.yaxis.axis_label_text_font_size = "22pt"
+
+# Remove grid lines (the squares themselves form the grid)
+p.xgrid.visible = False
+p.ygrid.visible = False
+
+# Style axis lines
+p.outline_line_color = "#333333"
+p.outline_line_width = 3
+
+# Background
+p.background_fill_color = "#FAFAFA"
+
+# Save outputs
+export_png(p, filename="plot.png")
+save(p, filename="plot.html", resources=CDN, title="chessboard-basic · bokeh · pyplots.ai")

plots/chessboard-basic/implementations/highcharts.py

@@ -0,0 +1,158 @@
+""" pyplots.ai
+chessboard-basic: Chess Board Grid Visualization
+Library: highcharts unknown | Python 3.13.11
+Quality: 93/100 | Created: 2026-01-08
+"""
+
+import tempfile
+import time
+import urllib.request
+from pathlib import Path
+
+from highcharts_core.chart import Chart
+from highcharts_core.options import HighchartsOptions
+from highcharts_core.options.series.heatmap import HeatmapSeries
+from selenium import webdriver
+from selenium.webdriver.chrome.options import Options
+
+
+# Data - 8x8 chessboard with alternating colors
+# Value 0 = light square, 1 = dark square
+# Chess convention: h1 (bottom-right from white's perspective) is light
+columns = ["a", "b", "c", "d", "e", "f", "g", "h"]
+rows = ["1", "2", "3", "4", "5", "6", "7", "8"]
+
+# Generate board data: each point is [col_index, row_index, value]
+# Value 0 = light square, 1 = dark square
+# Chess convention: h1 (bottom-right) is light, a1 (bottom-left) is dark
+# col indices: a=0, b=1, ..., h=7
+# row indices: 1=0, 2=1, ..., 8=7
+# h1 = (col=7, row=0): 7+0=7 odd -> should be light (value=0)
+# a1 = (col=0, row=0): 0+0=0 even -> should be dark (value=1)
+board_data = []
+for row_idx in range(8):
+    for col_idx in range(8):
+        # (col + row) odd -> light square (0), even -> dark square (1)
+        is_light = (col_idx + row_idx) % 2 == 1
+        board_data.append([col_idx, row_idx, 0 if is_light else 1])
+
+# Create chart
+chart = Chart(container="container")
+chart.options = HighchartsOptions()
+
+# Chart configuration for square 1:1 aspect ratio
+chart.options.chart = {
+    "type": "heatmap",
+    "width": 3600,
+    "height": 3600,
+    "backgroundColor": "#ffffff",
+    "marginTop": 120,
+    "marginBottom": 200,
+    "marginLeft": 150,
+    "marginRight": 100,
+}
+
+# Title
+chart.options.title = {
+    "text": "chessboard-basic · highcharts · pyplots.ai",
+    "style": {"fontSize": "48px", "fontWeight": "bold"},
+}
+
+# X-axis (columns a-h)
+chart.options.x_axis = {
+    "categories": columns,
+    "title": {"text": None},
+    "labels": {"style": {"fontSize": "36px", "fontWeight": "bold"}},
+    "lineWidth": 2,
+    "lineColor": "#333333",
+    "tickLength": 0,
+    "opposite": False,
+}
+
+# Y-axis (rows 1-8)
+chart.options.y_axis = {
+    "categories": rows,
+    "title": {"text": None},
+    "labels": {"style": {"fontSize": "36px", "fontWeight": "bold"}},
+    "lineWidth": 2,
+    "lineColor": "#333333",
+    "tickLength": 0,
+    "reversed": False,
+}
+
+# Color axis for light/dark squares
+# Classic chess colors: cream (#F0D9B5) for light, brown (#B58863) for dark
+chart.options.color_axis = {"min": 0, "max": 1, "stops": [[0, "#F0D9B5"], [1, "#B58863"]], "visible": False}
+
+# Disable legend
+chart.options.legend = {"enabled": False}
+
+# Tooltip
+chart.options.tooltip = {
+    "enabled": True,
+    "formatter": """function() {
+        var col = this.series.xAxis.categories[this.point.x];
+        var row = this.series.yAxis.categories[this.point.y];
+        return '<b>' + col + row + '</b>';
+    }""",
+    "style": {"fontSize": "24px"},
+}
+
+# Plot options for heatmap
+chart.options.plot_options = {"heatmap": {"borderWidth": 2, "borderColor": "#333333", "dataLabels": {"enabled": False}}}
+
+# Create and add series
+series = HeatmapSeries()
+series.data = board_data
+series.name = "Chess Board"
+
+chart.add_series(series)
+
+# Export to PNG via Selenium
+# Download Highcharts JS and heatmap module (required for headless Chrome)
+highcharts_url = "https://code.highcharts.com/highcharts.js"
+with urllib.request.urlopen(highcharts_url, timeout=30) as response:
+    highcharts_js = response.read().decode("utf-8")
+
+heatmap_url = "https://code.highcharts.com/modules/heatmap.js"
+with urllib.request.urlopen(heatmap_url, timeout=30) as response:
+    heatmap_js = response.read().decode("utf-8")
+
+# Generate HTML with inline scripts
+html_str = chart.to_js_literal()
+html_content = f"""<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <script>{highcharts_js}</script>
+    <script>{heatmap_js}</script>
+</head>
+<body style="margin:0;">
+    <div id="container" style="width: 3600px; height: 3600px;"></div>
+    <script>{html_str}</script>
+</body>
+</html>"""
+
+# Write temp HTML and take screenshot
+with tempfile.NamedTemporaryFile(mode="w", suffix=".html", delete=False, encoding="utf-8") as f:
+    f.write(html_content)
+    temp_path = f.name
+
+# Also save HTML for interactive version
+with open("plot.html", "w", encoding="utf-8") as f:
+    f.write(html_content)
+
+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=3600,3600")
+
+driver = webdriver.Chrome(options=chrome_options)
+driver.get(f"file://{temp_path}")
+time.sleep(5)
+driver.save_screenshot("plot.png")
+driver.quit()
+
+Path(temp_path).unlink()

plots/chessboard-basic/implementations/letsplot.py

@@ -0,0 +1,79 @@
+""" pyplots.ai
+chessboard-basic: Chess Board Grid Visualization
+Library: letsplot 4.8.2 | Python 3.13.11
+Quality: 95/100 | Created: 2026-01-08
+"""
+
+import os
+import shutil
+
+import pandas as pd
+from lets_plot import (
+    LetsPlot,
+    aes,
+    coord_fixed,
+    element_blank,
+    element_text,
+    geom_tile,
+    ggplot,
+    ggsave,
+    ggsize,
+    labs,
+    scale_fill_manual,
+    scale_x_discrete,
+    scale_y_discrete,
+    theme,
+)
+
+
+LetsPlot.setup_html()
+
+# Data - create 8x8 chess board grid
+columns = list("abcdefgh")
+rows = list(range(1, 9))
+
+# Build data for all 64 squares
+data = []
+for col_idx, col in enumerate(columns):
+    for row_idx, row in enumerate(rows):
+        # Light square at h1 (col_idx=7, row_idx=0) means (col_idx + row_idx) % 2 == 1 is light
+        is_light = (col_idx + row_idx) % 2 == 1
+        data.append({"column": col, "row": str(row), "color": "light" if is_light else "dark"})
+
+df = pd.DataFrame(data)
+
+# Create the chess board visualization
+plot = (
+    ggplot(df, aes(x="column", y="row", fill="color"))
+    + geom_tile(color="#5D4037", size=0.5)  # Brown borders for definition
+    + scale_fill_manual(values={"light": "#F5DEB3", "dark": "#8B4513"})  # Cream and brown
+    + scale_x_discrete(limits=columns)
+    + scale_y_discrete(limits=[str(r) for r in rows])
+    + coord_fixed(ratio=1)  # 1:1 aspect ratio for square cells
+    + labs(title="chessboard-basic · letsplot · pyplots.ai")
+    + theme(
+        plot_title=element_text(size=24, face="bold"),
+        axis_title=element_blank(),
+        axis_text_x=element_text(size=20, face="bold"),
+        axis_text_y=element_text(size=20, face="bold"),
+        legend_position="none",
+        panel_grid=element_blank(),
+        panel_background=element_blank(),
+        plot_background=element_blank(),
+    )
+    + ggsize(1200, 1200)  # Square canvas, scaled 3x = 3600x3600 px
+)
+
+# Save as PNG (scale 3x for 3600x3600 px output)
+ggsave(plot, "plot.png", scale=3)
+
+# Save interactive HTML version
+ggsave(plot, "plot.html")
+
+# lets-plot saves to a subdirectory by default - move files to current directory
+if os.path.exists("lets-plot-images/plot.png"):
+    shutil.move("lets-plot-images/plot.png", "plot.png")
+if os.path.exists("lets-plot-images/plot.html"):
+    shutil.move("lets-plot-images/plot.html", "plot.html")
+if os.path.exists("lets-plot-images") and not os.listdir("lets-plot-images"):
+    os.rmdir("lets-plot-images")

plots/chessboard-basic/implementations/matplotlib.py

@@ -0,0 +1,57 @@
+""" pyplots.ai
+chessboard-basic: Chess Board Grid Visualization
+Library: matplotlib 3.10.8 | Python 3.13.11
+Quality: 95/100 | Created: 2026-01-08
+"""
+
+import matplotlib.pyplot as plt
+
+
+# Board configuration
+rows = 8
+cols = 8
+column_labels = ["a", "b", "c", "d", "e", "f", "g", "h"]
+row_labels = ["1", "2", "3", "4", "5", "6", "7", "8"]
+
+# Classic chess colors (cream and brown)
+light_color = "#F0D9B5"
+dark_color = "#B58863"
+
+# Create figure (square aspect ratio for chess board)
+fig, ax = plt.subplots(figsize=(12, 12))
+
+# Draw the chess board squares
+for row in range(rows):
+    for col in range(cols):
+        # h1 (col=7, row=0) should be light, so (row + col) even = light
+        color = light_color if (row + col) % 2 == 1 else dark_color
+        rect = plt.Rectangle((col, row), 1, 1, facecolor=color, edgecolor="#5D4037", linewidth=1)
+        ax.add_patch(rect)
+
+# Set axis limits
+ax.set_xlim(0, 8)
+ax.set_ylim(0, 8)
+
+# Set column labels (a-h) at the bottom
+ax.set_xticks([i + 0.5 for i in range(8)])
+ax.set_xticklabels(column_labels, fontsize=20, fontweight="bold")
+
+# Set row labels (1-8) on the left side
+ax.set_yticks([i + 0.5 for i in range(8)])
+ax.set_yticklabels(row_labels, fontsize=20, fontweight="bold")
+
+# Style the axis
+ax.tick_params(axis="both", length=0, pad=10)
+ax.set_aspect("equal")
+
+# Remove spines and add a border
+for spine in ax.spines.values():
+    spine.set_visible(True)
+    spine.set_linewidth(3)
+    spine.set_color("#5D4037")
+
+# Title
+ax.set_title("chessboard-basic · matplotlib · pyplots.ai", fontsize=24, fontweight="bold", pad=20)
+
+plt.tight_layout()
+plt.savefig("plot.png", dpi=300, bbox_inches="tight", facecolor="white")