feat(makie): implement errorbar-basic (#9527)

## Implementation: `errorbar-basic` - julia/makie

Implements the **julia/makie** version of `errorbar-basic`.

**File:** `plots/errorbar-basic/implementations/julia/makie.jl`

**Parent Issue:** #973

---
:robot: *[impl-generate
workflow](https://github.com/MarkusNeusinger/anyplot/actions/runs/28473971049)*

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>
Co-authored-by: Markus Neusinger <2921697+MarkusNeusinger@users.noreply.github.com>

Author: github-actions[bot]

plots/errorbar-basic/implementations/julia/makie.jl

@@ -0,0 +1,105 @@
+# anyplot.ai
+# errorbar-basic: Basic Error Bar Plot
+# Library: makie 0.21.9 | Julia 1.11.9
+# Quality: 88/100 | Created: 2026-06-30
+
+using CairoMakie
+using Colors
+using Random
+
+Random.seed!(42)
+
+# Theme tokens
+const THEME     = get(ENV, "ANYPLOT_THEME", "light")
+const PAGE_BG   = THEME == "light" ? colorant"#FAF8F1" : colorant"#1A1A17"
+const INK       = THEME == "light" ? colorant"#1A1A17" : colorant"#F0EFE8"
+const INK_SOFT  = THEME == "light" ? colorant"#4A4A44" : colorant"#B8B7B0"
+const INK_MUTED = THEME == "light" ? colorant"#6B6A63" : colorant"#A8A79F"
+const IMPRINT_PALETTE = [
+    colorant"#009E73",  # 1 — first categorical series (Imprint brand green)
+    colorant"#C475FD",  # 2 — lavender
+    colorant"#4467A3",  # 3 — blue
+    colorant"#BD8233",  # 4 — ochre
+    colorant"#AE3030",  # 5 — matte red
+    colorant"#2ABCCD",  # 6 — cyan
+    colorant"#954477",  # 7 — rose
+    colorant"#99B314",  # 8 — lime
+]
+
+# Data: Mean seedling height (cm) under 6 light intensity levels
+# Standard deviation from 20 replicate seedlings per condition
+light_levels = ["50 lux", "100 lux", "200 lux", "400 lux", "800 lux", "1600 lux"]
+mean_height  = [1.2, 2.8, 4.5, 6.1, 7.3, 7.8]
+std_height   = [0.35, 0.42, 0.51, 0.68, 0.72, 0.85]
+n = length(light_levels)
+x_pos = collect(1:n)
+
+# Plot
+fig = Figure(
+    size            = (1600, 900),
+    fontsize        = 14,
+    backgroundcolor = PAGE_BG,
+)
+
+ax = Axis(
+    fig[1, 1];
+    title              = "errorbar-basic · julia · makie · anyplot.ai",
+    titlesize          = 20,
+    titlecolor         = INK,
+    xlabel             = "Light Intensity",
+    ylabel             = "Mean Seedling Height (cm)",
+    xlabelsize         = 14,
+    ylabelsize         = 14,
+    xlabelcolor        = INK,
+    ylabelcolor        = INK,
+    xticklabelcolor    = INK_SOFT,
+    yticklabelcolor    = INK_SOFT,
+    xticklabelsize     = 12,
+    yticklabelsize     = 12,
+    xtickcolor         = INK_SOFT,
+    ytickcolor         = INK_SOFT,
+    backgroundcolor    = PAGE_BG,
+    topspinevisible    = false,
+    rightspinevisible  = false,
+    leftspinecolor     = INK_SOFT,
+    bottomspinecolor   = INK_SOFT,
+    xgridvisible       = false,
+    ygridvisible       = false,
+    yminorgridvisible  = false,
+    xticks             = (x_pos, light_levels),
+)
+
+# Highlight the growth saturation region (800–1600 lux = x positions 5–6)
+c = IMPRINT_PALETTE[1]
+vspan!(ax, [4.5], [6.5];
+    color = RGBAf(Float32(c.r), Float32(c.g), Float32(c.b), 0.08f0),
+)
+
+errorbars!(ax, x_pos, mean_height, std_height;
+    color        = IMPRINT_PALETTE[1],
+    linewidth    = 2.5,
+    whiskerwidth = 12,
+)
+
+lines!(ax, x_pos, mean_height;
+    color     = IMPRINT_PALETTE[1],
+    linewidth = 2.0,
+)
+
+scatter!(ax, x_pos, mean_height;
+    color       = IMPRINT_PALETTE[1],
+    markersize  = 14,
+    strokewidth = 1.5,
+    strokecolor = PAGE_BG,
+)
+
+# Annotate the saturation plateau to guide the reader to the key insight
+text!(ax, 5.5, 8.4;
+    text     = "growth plateau",
+    color    = INK_MUTED,
+    fontsize = 12,
+    align    = (:center, :bottom),
+)
+
+# Save
+save("plot-$(THEME).png", fig; px_per_unit = 2)

plots/errorbar-basic/metadata/julia/makie.yaml

@@ -0,0 +1,259 @@
+library: makie
+language: julia
+specification_id: errorbar-basic
+created: '2026-06-30T20:44:21Z'
+updated: '2026-06-30T21:12:36Z'
+generated_by: claude-sonnet
+workflow_run: 28473971049
+issue: 973
+language_version: 1.11.9
+library_version: 0.21.9
+preview_url_light: https://storage.googleapis.com/anyplot-images/plots/errorbar-basic/julia/makie/plot-light.png
+preview_url_dark: https://storage.googleapis.com/anyplot-images/plots/errorbar-basic/julia/makie/plot-dark.png
+preview_html_light: null
+preview_html_dark: null
+quality_score: 88
+review:
+  strengths:
+  - Clean layer composition (errorbars! + lines! + scatter!) showcasing Makie compositional
+    API
+  - 'Excellent theme adaptation: all chrome elements use correct INK/INK_SOFT tokens
+    for both light and dark renders'
+  - Error bars have visible caps (whiskerwidth=12) meeting spec requirement
+  - Data storytelling via vspan highlight + growth plateau annotation adds narrative
+    value
+  - Idiomatic CairoMakie code throughout — native recipes, RGBAf, colorant strings,
+    Figure/Axis API
+  weaknesses:
+  - vspan! highlight alpha is 0.08 — barely perceptible in both renders; increase
+    to 0.12-0.15 for the subtle plateau region to actually register visually
+  - growth plateau annotation uses fontsize=12 with INK_MUTED color — readable but
+    quite small; consider fontsize=13 for better visibility at mobile scale
+  - Grid lines appear visible in renders at y=2.5, 5.0, 7.5 despite xgridvisible=false
+    and ygridvisible=false; if unintentional, verify attribute names; if intentional,
+    add explicit ygridcolor styling using INK token at 0.15 alpha per the Makie guide
+    skeleton
+  image_description: |-
+    Light render (plot-light.png):
+      Background: Warm off-white (#FAF8F1) — correct theme surface
+      Chrome: Title "errorbar-basic · julia · makie · anyplot.ai" in bold dark (#1A1A17) text, centered; Y-axis label "Mean Seedling Height (cm)" rotated in dark text; X-axis label "Light Intensity" in dark text; tick labels ("50 lux" … "1600 lux", 2.5/5.0/7.5) in INK_SOFT dark gray — all clearly readable. Faint horizontal grid lines visible at y=2.5, 5.0, 7.5 (despite xgridvisible=false, ygridvisible=false in code). Top/right spines absent; left/bottom spines in INK_SOFT. "growth plateau" annotation visible near top-center of right section in INK_MUTED (tertiary gray) at fontsize=12 — readable but subtle. Very faint vspan region highlight on far right (0.08 alpha, barely perceptible).
+      Data: Single series in #009E73 brand green — errorbars with horizontal whisker caps, smooth line through 6 data points, circular scatter markers with PAGE_BG stroke. Ascending growth curve flattening at high light levels.
+      Legibility verdict: PASS — all text elements clearly readable against light background; no light-on-light issues.
+
+    Dark render (plot-dark.png):
+      Background: Warm near-black (#1A1A17) — correct dark theme surface
+      Chrome: Title in cream (#F0EFE8) text clearly readable; Y-axis and X-axis labels in cream text; tick labels in INK_SOFT (#B8B7B0 soft gray) — all visible against dark background. Faint horizontal grid lines similarly visible. "growth plateau" annotation in INK_MUTED (#A8A79F, ~8:1 contrast ratio) — readable. No dark-on-dark text issues found.
+      Data: Colors identical to light render — same #009E73 green for errorbars, line, and scatter markers. Data colors unchanged across themes (only chrome flipped). Brand green #009E73 clearly visible and well-contrasted against dark background.
+      Legibility verdict: PASS — all text readable against dark background; no dark-on-dark failures detected.
+  criteria_checklist:
+    visual_quality:
+      score: 29
+      max: 30
+      items:
+      - id: VQ-01
+        name: Text Legibility
+        score: 7
+        max: 8
+        passed: true
+        comment: 'All font sizes explicitly set via titlesize=20, xlabelsize=14, ylabelsize=14,
+          xticklabelsize=12, yticklabelsize=12. Both themes fully readable. Minor:
+          annotation fontsize=12 in INK_MUTED is slightly subtle at mobile scale.'
+      - id: VQ-02
+        name: No Overlap
+        score: 6
+        max: 6
+        passed: true
+        comment: 6 well-spaced data points, no text collisions.
+      - id: VQ-03
+        name: Element Visibility
+        score: 6
+        max: 6
+        passed: true
+        comment: markersize=14 and whiskerwidth=12 appropriate for 6-point sparse
+          data. Error bars with caps clearly visible.
+      - id: VQ-04
+        name: Color Accessibility
+        score: 2
+        max: 2
+        passed: true
+        comment: 'Single series in #009E73, excellent contrast on both backgrounds,
+          no CVD concerns.'
+      - id: VQ-05
+        name: Layout & Canvas
+        score: 4
+        max: 4
+        passed: true
+        comment: Canvas gate passed (3200x1800). Good whitespace. L-shaped frame.
+          No clipping.
+      - id: VQ-06
+        name: Axis Labels & Title
+        score: 2
+        max: 2
+        passed: true
+        comment: 'Title correct format. Y-axis: ''Mean Seedling Height (cm)'' with
+          units. X-axis: ''Light Intensity'' descriptive.'
+      - id: VQ-07
+        name: Palette Compliance
+        score: 2
+        max: 2
+        passed: true
+        comment: 'First series IMPRINT_PALETTE[1]=#009E73. Backgrounds #FAF8F1 light
+          / #1A1A17 dark. All chrome theme-adaptive. Data colors identical across
+          both renders.'
+    design_excellence:
+      score: 12
+      max: 20
+      items:
+      - id: DE-01
+        name: Aesthetic Sophistication
+        score: 5
+        max: 8
+        passed: true
+        comment: Layered composition (errorbars+line+scatter) with Imprint palette
+          shows intentional design above library defaults. vspan+annotation add narrative.
+          vspan at 0.08 alpha is barely perceptible which weakens the visual impact
+          somewhat.
+      - id: DE-02
+        name: Visual Refinement
+        score: 4
+        max: 6
+        passed: true
+        comment: L-shaped spine frame, INK_SOFT colors on remaining spines, scatter
+          marker stroke (strokewidth=1.5, strokecolor=PAGE_BG) for definition. Horizontal
+          grid lines appear in render despite ygridvisible=false.
+      - id: DE-03
+        name: Data Storytelling
+        score: 3
+        max: 6
+        passed: true
+        comment: Growth plateau story communicated via annotation text and vspan.
+          But vspan at 0.08 alpha barely registers; annotation carries most of the
+          storytelling load.
+    spec_compliance:
+      score: 15
+      max: 15
+      items:
+      - id: SC-01
+        name: Plot Type
+        score: 5
+        max: 5
+        passed: true
+        comment: Correct error bar plot with visible caps (whiskerwidth=12). errorbars!
+          primitive used.
+      - id: SC-02
+        name: Required Features
+        score: 4
+        max: 4
+        passed: true
+        comment: Error bars with caps, consistent widths, data markers, connected
+          trend line all present.
+      - id: SC-03
+        name: Data Mapping
+        score: 3
+        max: 3
+        passed: true
+        comment: 'X: light intensity levels (categorical). Y: mean seedling height
+          (cm). Error: standard deviation. All 6 points shown.'
+      - id: SC-04
+        name: Title & Legend
+        score: 3
+        max: 3
+        passed: true
+        comment: 'Title: ''errorbar-basic · julia · makie · anyplot.ai'' correct format.
+          Single series, no legend needed.'
+    data_quality:
+      score: 15
+      max: 15
+      items:
+      - id: DQ-01
+        name: Feature Coverage
+        score: 6
+        max: 6
+        passed: true
+        comment: Error bars, trend line, markers, region highlight, annotation — comprehensive
+          feature coverage for the error bar plot type.
+      - id: DQ-02
+        name: Realistic Context
+        score: 5
+        max: 5
+        passed: true
+        comment: Seedling height under light intensity experiment — scientifically
+          plausible and neutral. Values (1.2-7.8 cm), light levels (50-1600 lux),
+          std devs (0.35-0.85) all realistic.
+      - id: DQ-03
+        name: Appropriate Scale
+        score: 4
+        max: 4
+        passed: true
+        comment: 6 data points within 3-20 spec range. Values and error magnitudes
+          (~10-15% of mean) consistent with real seedling growth experiments.
+    code_quality:
+      score: 10
+      max: 10
+      items:
+      - id: CQ-01
+        name: KISS Structure
+        score: 3
+        max: 3
+        passed: true
+        comment: 'Linear script: theme tokens → data → plot → save. No functions or
+          classes.'
+      - id: CQ-02
+        name: Reproducibility
+        score: 2
+        max: 2
+        passed: true
+        comment: Random.seed!(42) present. Data is hardcoded arrays so deterministic
+          by construction.
+      - id: CQ-03
+        name: Clean Imports
+        score: 2
+        max: 2
+        passed: true
+        comment: CairoMakie (plotting), Colors (colorant strings), Random (seed) —
+          all imported and used.
+      - id: CQ-04
+        name: Code Elegance
+        score: 2
+        max: 2
+        passed: true
+        comment: Clean and readable. RGBAf inline construction for vspan color is
+          slightly verbose but correct. No fake UI.
+      - id: CQ-05
+        name: Output & API
+        score: 1
+        max: 1
+        passed: true
+        comment: Saves as plot-$(THEME).png with px_per_unit=2. Correct output format.
+    library_mastery:
+      score: 7
+      max: 10
+      items:
+      - id: LM-01
+        name: Idiomatic Usage
+        score: 4
+        max: 5
+        passed: true
+        comment: Multiple Makie recipes composited on one Axis (errorbars!, lines!,
+          scatter!, vspan!, text!). Proper Figure/Axis API, RGBAf for alpha colors,
+          colorant strings from Colors.jl — consistently idiomatic.
+      - id: LM-02
+        name: Distinctive Features
+        score: 3
+        max: 5
+        passed: true
+        comment: errorbars! with whiskerwidth (Makie-specific recipe), vspan! for
+          region highlighting (Makie-specific), layer composition of 5 plot primitives
+          on one Axis showcasing Makie's composable design.
+  verdict: APPROVED
+impl_tags:
+  dependencies: []
+  techniques:
+  - annotations
+  - layer-composition
+  patterns:
+  - data-generation
+  dataprep: []
+  styling:
+  - alpha-blending
+  - edge-highlighting