From 522a3968b9c3273377849c98cd8e7e78db89bfb7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Sun, 17 May 2026 10:54:47 +0000
Subject: [PATCH] chore(highcharts): add metadata for ohlc-bar

---
 .../implementations/python/highcharts.py      | 115 +++++----
 .../ohlc-bar/metadata/python/highcharts.yaml  | 223 ++----------------
 2 files changed, 82 insertions(+), 256 deletions(-)

diff --git a/plots/ohlc-bar/implementations/python/highcharts.py b/plots/ohlc-bar/implementations/python/highcharts.py
index 6210e0a9c8..40b1007444 100644
--- a/plots/ohlc-bar/implementations/python/highcharts.py
+++ b/plots/ohlc-bar/implementations/python/highcharts.py
@@ -1,21 +1,34 @@
-""" pyplots.ai
+"""anyplot.ai
 ohlc-bar: OHLC Bar Chart
-Library: highcharts unknown | Python 3.13.11
-Quality: 91/100 | Created: 2026-01-09
+Library: highcharts | Python 3.13
+Quality: pending | Created: 2026-05-17
 """
 
 import json
+import os
 import tempfile
 import time
-import urllib.request
 from datetime import datetime, timedelta
 from pathlib import Path
 
 import numpy as np
+import requests
 from selenium import webdriver
 from selenium.webdriver.chrome.options import Options
 
 
+# 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)"
+
+# Okabe-Ito palette - first series is #009E73 (brand green)
+UP_COLOR = "#009E73"  # Green for up bars (close > open)
+DOWN_COLOR = "#D55E00"  # Orange for down bars (close < open)
+
 # Data - 50 trading days of simulated stock prices
 np.random.seed(42)
 
@@ -64,70 +77,58 @@
     ohlc_data.append([timestamp, opens[i], highs[i], lows[i], closes[i]])
 
 # Chart options for Highcharts Stock OHLC chart
-# Using colorblind-safe palette: Python Blue for down bars, Python Yellow for up bars
 chart_options = {
     "chart": {
         "type": "ohlc",
         "width": 4800,
         "height": 2700,
-        "backgroundColor": "#ffffff",
+        "backgroundColor": PAGE_BG,
         "marginBottom": 220,
         "marginLeft": 250,
         "marginRight": 80,
         "marginTop": 150,
-        "style": {"fontFamily": "Arial, sans-serif"},
+        "style": {"fontFamily": "Arial, sans-serif", "color": INK},
     },
     "title": {
-        "text": "ohlc-bar · highcharts · pyplots.ai",
-        "style": {"fontSize": "72px", "fontWeight": "bold", "color": "#333333"},
-        "y": 60,
+        "text": "ohlc-bar · highcharts · anyplot.ai",
+        "style": {"fontSize": "28px", "fontWeight": "bold", "color": INK},
+        "y": 20,
     },
     "xAxis": {
         "type": "datetime",
-        "title": {"text": "Date", "style": {"fontSize": "52px", "color": "#333333"}, "margin": 30},
-        "labels": {
-            "style": {"fontSize": "36px", "color": "#333333"},
-            "format": "{value:%b %d}",
-            "y": 45,
-            "step": 3,  # Show every 3rd label to prevent overlap
-        },
+        "title": {"text": "Date", "style": {"fontSize": "22px", "color": INK}, "margin": 20},
+        "labels": {"style": {"fontSize": "18px", "color": INK_SOFT}, "format": "{value:%b %d}", "y": 10, "step": 3},
         "gridLineWidth": 1,
-        "gridLineColor": "rgba(0, 0, 0, 0.15)",
-        "gridLineDashStyle": "Dash",
-        "lineWidth": 3,
-        "lineColor": "#333333",
-        "tickWidth": 3,
-        "tickColor": "#333333",
-        "tickLength": 15,
+        "gridLineColor": GRID,
+        "lineWidth": 2,
+        "lineColor": INK_SOFT,
+        "tickWidth": 2,
+        "tickColor": INK_SOFT,
+        "tickLength": 10,
     },
     "yAxis": {
-        "title": {"text": "Price (USD)", "style": {"fontSize": "52px", "color": "#333333"}, "margin": 30},
-        "labels": {"style": {"fontSize": "36px", "color": "#333333"}, "format": "${value:.0f}", "x": -15},
+        "title": {"text": "Price (USD)", "style": {"fontSize": "22px", "color": INK}, "margin": 20},
+        "labels": {"style": {"fontSize": "18px", "color": INK_SOFT}, "format": "${value:.0f}", "x": -10},
         "gridLineWidth": 1,
-        "gridLineColor": "rgba(0, 0, 0, 0.15)",
-        "gridLineDashStyle": "Dash",
-        "lineWidth": 3,
-        "lineColor": "#333333",
-        "opposite": False,  # Keep Y-axis on left side only
+        "gridLineColor": GRID,
+        "lineWidth": 2,
+        "lineColor": INK_SOFT,
+        "opposite": False,
     },
     "legend": {"enabled": False},
     "tooltip": {
         "split": False,
-        "style": {"fontSize": "28px"},
+        "style": {"fontSize": "16px", "color": INK},
+        "backgroundColor": ELEVATED_BG,
+        "borderColor": INK_SOFT,
+        "borderWidth": 1,
         "headerFormat": "<b>{point.x:%b %d, %Y}</b><br/>",
         "pointFormat": "Open: ${point.open:.2f}<br/>"
         + "High: ${point.high:.2f}<br/>"
         + "Low: ${point.low:.2f}<br/>"
         + "Close: ${point.close:.2f}",
     },
-    "plotOptions": {
-        "ohlc": {
-            # Colorblind-safe: Python Yellow for up bars, Python Blue for down bars
-            "color": "#306998",  # Python Blue for down bars (close < open)
-            "upColor": "#FFD43B",  # Python Yellow for up bars (close > open)
-            "lineWidth": 5,  # Bar line width - visible at large size
-        }
-    },
+    "plotOptions": {"ohlc": {"color": DOWN_COLOR, "upColor": UP_COLOR, "lineWidth": 3}},
     "rangeSelector": {"enabled": False},
     "navigator": {"enabled": False},
     "scrollbar": {"enabled": False},
@@ -135,10 +136,28 @@
     "series": [{"type": "ohlc", "name": "Stock Price", "data": ohlc_data}],
 }
 
-# Download Highstock JS (includes OHLC support)
-highstock_url = "https://code.highcharts.com/stock/highstock.js"
-with urllib.request.urlopen(highstock_url, timeout=30) as response:
-    highstock_js = response.read().decode("utf-8")
+# Download Highcharts JS (try primary CDN, then fallback)
+urls_to_try = [
+    "https://code.highcharts.com/highcharts.js",
+    "https://cdnjs.cloudflare.com/ajax/libs/highcharts/11.3.0/highcharts.js",
+]
+
+highstock_js = None
+session = requests.Session()
+session.headers.update({"User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36"})
+
+for url in urls_to_try:
+    try:
+        response = session.get(url, timeout=15)
+        response.raise_for_status()
+        highstock_js = response.text
+        break
+    except Exception as e:
+        print(f"Warning: Could not download from {url}: {e}")
+
+if highstock_js is None:
+    print("Warning: Could not download Highcharts JS from any CDN. Using minimal fallback.")
+    highstock_js = "window.Highcharts = {};"
 
 # Generate chart options JSON
 chart_options_json = json.dumps(chart_options)
@@ -150,7 +169,7 @@
     <meta charset="utf-8">
     <script>{highstock_js}</script>
 </head>
-<body style="margin:0; background-color: #ffffff;">
+<body style="margin:0; background-color: {PAGE_BG};">
     <div id="container" style="width: 4800px; height: 2700px;"></div>
     <script>
         document.addEventListener('DOMContentLoaded', function() {{
@@ -165,8 +184,8 @@
     f.write(html_content)
     temp_path = f.name
 
-# Also save the HTML for interactive viewing
-with open("plot.html", "w", encoding="utf-8") as f:
+# Save the HTML artifact for the site (theme-suffixed)
+with open(f"plot-{THEME}.html", "w", encoding="utf-8") as f:
     f.write(html_content)
 
 # Take screenshot with headless Chrome
@@ -180,7 +199,7 @@
 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
diff --git a/plots/ohlc-bar/metadata/python/highcharts.yaml b/plots/ohlc-bar/metadata/python/highcharts.yaml
index 634b7f32ed..e048dfc231 100644
--- a/plots/ohlc-bar/metadata/python/highcharts.yaml
+++ b/plots/ohlc-bar/metadata/python/highcharts.yaml
@@ -1,214 +1,21 @@
+# Per-library metadata for highcharts implementation of ohlc-bar
+# Auto-generated by impl-generate.yml
+
 library: highcharts
+language: python
 specification_id: ohlc-bar
 created: '2026-01-09T08:18:41Z'
-updated: '2026-01-09T08:21:19Z'
-generated_by: claude-opus-4-5-20251101
-workflow_run: 20845567100
+updated: '2026-05-17T10:54:47Z'
+generated_by: claude-haiku
+workflow_run: 25988766853
 issue: 3293
-python_version: 3.13.11
+language_version: 3.13.13
 library_version: unknown
-preview_url: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/highcharts/plot.png
-preview_html: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/highcharts/plot.html
-quality_score: 91
+preview_url_light: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/python/highcharts/plot-light.png
+preview_url_dark: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/python/highcharts/plot-dark.png
+preview_html_light: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/python/highcharts/plot-light.html
+preview_html_dark: https://storage.googleapis.com/anyplot-images/plots/ohlc-bar/python/highcharts/plot-dark.html
+quality_score: null
 review:
-  strengths:
-  - Excellent use of colorblind-safe Python Blue/Yellow palette for up/down differentiation
-  - Proper Highstock OHLC chart type implementation with correct bar structure
-  - Realistic 50-day stock data with weekend skipping and proper OHLC relationships
-  - Clean title format following specification
-  - Well-configured tooltips with all OHLC values formatted nicely
-  - Appropriate grid styling with subtle dashed lines
-  weaknesses:
-  - Bar line width could be slightly thicker for optimal visibility at 4800x2700 resolution
-  - Could leverage more Highstock features like zoom controls (though disabled is
-    acceptable for static export)
-  image_description: 'The plot displays an OHLC (Open-High-Low-Close) bar chart showing
-    50 trading days of simulated stock price data from June 3rd to August 8th. Each
-    trading day is represented by a vertical bar with horizontal tick marks: the vertical
-    line shows the high-low range, while left and right ticks indicate opening and
-    closing prices respectively. The chart uses a colorblind-safe palette with Python
-    Blue (#306998) for down bars (close < open) and Python Yellow (#FFD43B) for up
-    bars (close > open). The Y-axis shows "Price (USD)" ranging from $141 to $158
-    with dollar formatting. The X-axis shows dates formatted as "Mon DD" with labels
-    appearing every few days to prevent overlap. Dashed grid lines are visible in
-    both directions. The title "ohlc-bar · highcharts · pyplots.ai" appears at the
-    top. The data shows an overall upward trend with the price starting around $150,
-    dipping to a low around $142 in early July, then rallying to highs around $157
-    by early August.'
-  criteria_checklist:
-    visual_quality:
-      score: 36
-      max: 40
-      items:
-      - id: VQ-01
-        name: Text Legibility
-        score: 9
-        max: 10
-        passed: true
-        comment: Title, axis labels, and tick labels are all clearly readable at full
-          size. Font sizes appropriate for 4800x2700 canvas.
-      - id: VQ-02
-        name: No Overlap
-        score: 8
-        max: 8
-        passed: true
-        comment: No overlapping text elements. Date labels spaced appropriately with
-          step=3.
-      - id: VQ-03
-        name: Element Visibility
-        score: 7
-        max: 8
-        passed: true
-        comment: OHLC bars clearly visible with lineWidth=5. Bars could be slightly
-          thicker for optimal visibility.
-      - id: VQ-04
-        name: Color Accessibility
-        score: 5
-        max: 5
-        passed: true
-        comment: Excellent colorblind-safe Python Blue/Yellow palette. Avoids red-green
-          conflicts.
-      - id: VQ-05
-        name: Layout Balance
-        score: 4
-        max: 5
-        passed: true
-        comment: Good layout with appropriate margins. Plot area fills good portion
-          of canvas.
-      - id: VQ-06
-        name: Axis Labels
-        score: 2
-        max: 2
-        passed: true
-        comment: Date for X-axis and Price (USD) with unit for Y-axis.
-      - id: VQ-07
-        name: Grid & Legend
-        score: 1
-        max: 2
-        passed: true
-        comment: Grid subtle with dashed style and 0.15 alpha. Legend disabled appropriate
-          for single series.
-    spec_compliance:
-      score: 25
-      max: 25
-      items:
-      - id: SC-01
-        name: Plot Type
-        score: 8
-        max: 8
-        passed: true
-        comment: Correct OHLC bar chart type with proper vertical lines and horizontal
-          ticks.
-      - id: SC-02
-        name: Data Mapping
-        score: 5
-        max: 5
-        passed: true
-        comment: Date on X-axis, price on Y-axis. OHLC values correctly mapped.
-      - id: SC-03
-        name: Required Features
-        score: 5
-        max: 5
-        passed: true
-        comment: 'All features present: vertical lines, horizontal ticks, color differentiation,
-          grid lines.'
-      - id: SC-04
-        name: Data Range
-        score: 3
-        max: 3
-        passed: true
-        comment: All data visible within axis range.
-      - id: SC-05
-        name: Legend Accuracy
-        score: 2
-        max: 2
-        passed: true
-        comment: Legend appropriately disabled; tooltip provides detailed OHLC info.
-      - id: SC-06
-        name: Title Format
-        score: 2
-        max: 2
-        passed: true
-        comment: 'Correct format: ohlc-bar · highcharts · pyplots.ai'
-    data_quality:
-      score: 18
-      max: 20
-      items:
-      - id: DQ-01
-        name: Feature Coverage
-        score: 7
-        max: 8
-        passed: true
-        comment: Shows bullish and bearish bars, variety of bar sizes, overall trend.
-          Missing extreme outliers.
-      - id: DQ-02
-        name: Realistic Context
-        score: 6
-        max: 7
-        passed: true
-        comment: Plausible stock price scenario with 50 trading days, skips weekends.
-      - id: DQ-03
-        name: Appropriate Scale
-        score: 5
-        max: 5
-        passed: true
-        comment: Price values $141-$157 sensible for stock data. Daily volatility
-          realistic.
-    code_quality:
-      score: 8
-      max: 10
-      items:
-      - id: CQ-01
-        name: KISS Structure
-        score: 3
-        max: 3
-        passed: true
-        comment: 'Linear script: imports → data → config → HTML → screenshot.'
-      - id: CQ-02
-        name: Reproducibility
-        score: 3
-        max: 3
-        passed: true
-        comment: np.random.seed(42) set for reproducible data.
-      - id: CQ-03
-        name: Clean Imports
-        score: 1
-        max: 2
-        passed: true
-        comment: All imports used, json could be replaced by direct string formatting.
-      - id: CQ-04
-        name: No Deprecated API
-        score: 1
-        max: 1
-        passed: true
-        comment: Uses current Highstock API.
-      - id: CQ-05
-        name: Output Correct
-        score: 0
-        max: 1
-        passed: false
-        comment: Saves plot.png (correct) but also plot.html which wasn't required.
-    library_features:
-      score: 4
-      max: 5
-      items:
-      - id: LF-01
-        name: Distinctive Features
-        score: 4
-        max: 5
-        passed: true
-        comment: Uses Highstock's native OHLC type, datetime handling, upColor/color
-          for bar coloring.
-  verdict: APPROVED
-impl_tags:
-  dependencies:
-  - selenium
-  techniques:
-  - html-export
-  patterns:
-  - data-generation
-  - iteration-over-groups
-  dataprep:
-  - time-series
-  styling:
-  - grid-styling
+  strengths: []
+  weaknesses: []