Skip to content

Commit 7526ba0

Browse files
github-actions[bot]github-actions[bot]
committed
chore(highcharts): update quality score 84 and review feedback for scatter-color-mapped
1 parent af0416c commit 7526ba0

2 files changed

Lines changed: 221 additions & 10 deletions

File tree

‎plots/scatter-color-mapped/implementations/javascript/highcharts.js‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
// anyplot.ai
22
// scatter-color-mapped: Color-Mapped Scatter Plot
3-
// Library: Highcharts 12.6.0 | Node 22
4-
// License: Highcharts — commercial license, free for non-commercial use (highcharts.com/license)
5-
// Quality: pending | Created: 2026-09-05
3+
// Library: highcharts 12.6.0 | JavaScript 22.23.2
4+
// Quality: 84/100 | Created: 2026-09-05
65

76
const t = window.ANYPLOT_TOKENS;
87

‎plots/scatter-color-mapped/metadata/javascript/highcharts.yaml‎

Lines changed: 219 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,8 @@
1-
# Per-library metadata for highcharts implementation of scatter-color-mapped
2-
# Auto-generated by impl-generate.yml
3-
41
library: highcharts
52
language: javascript
63
specification_id: scatter-color-mapped
74
created: '2026-09-05T14:05:11Z'
8-
updated: '2026-09-05T14:05:11Z'
5+
updated: '2026-09-05T14:08:33Z'
96
generated_by: claude-sonnet
107
workflow_run: 33970153006
118
issue: 2004
@@ -15,7 +12,222 @@ preview_url_light: https://storage.googleapis.com/anyplot-images/plots/scatter-c
1512
preview_url_dark: https://storage.googleapis.com/anyplot-images/plots/scatter-color-mapped/javascript/highcharts/plot-dark.png
1613
preview_html_light: https://storage.googleapis.com/anyplot-images/plots/scatter-color-mapped/javascript/highcharts/plot-light.html
1714
preview_html_dark: https://storage.googleapis.com/anyplot-images/plots/scatter-color-mapped/javascript/highcharts/plot-dark.html
18-
quality_score: null
15+
quality_score: 84
1916
review:
20-
strengths: []
21-
weaknesses: []
17+
strengths:
18+
- Clever, well-documented workaround for the missing coloraxis module — hand-built
19+
colorbar via chart.renderer bands, ticks, and rotated label matches the intended
20+
feature closely.
21+
- Correct, consistent use of the imprint_seq sequential colormap for the continuous
22+
yield variable, with identical data colors between light and dark renders.
23+
- Realistic, appropriately-scaled chemistry dataset (temperature/duration/yield)
24+
with a sensible non-linear yield surface.
25+
- 'Clean theme-adaptive chrome: horizontal-only grid, transparent background, correct
26+
ink/inkSoft/grid token usage in both themes.'
27+
weaknesses:
28+
- 'Design Excellence is generic: add a touch of visual hierarchy or storytelling
29+
— e.g., a subtle annotation/marker emphasis calling out the highest-yield cluster,
30+
or a light contour/reference band — so the chart guides the viewer rather than
31+
presenting an undifferentiated point cloud.'
32+
- A few markers in dense regions (e.g., ~205-210C / 60-66 min) sit exactly on top
33+
of each other; a small fillOpacity (~0.85-0.9) on the scatter markers would slightly
34+
reduce occlusion in the densest clusters without hurting color-legibility of the
35+
colorbar mapping.
36+
- Colorbar tick labels (14px) could be nudged to match visual weight with the axis
37+
tick labels for tighter consistency (minor).
38+
image_description: |-
39+
Light render (plot-light.png):
40+
Background: Warm off-white (#FAF8F1), correct light-theme surface.
41+
Chrome: Title, X-axis "Reaction Temperature (C)", Y-axis "Reaction Duration (min)", and the manually-drawn colorbar ("Reaction Yield (%)") are all rendered in dark ink / ink-soft tones — clearly legible against the light background. Horizontal grid lines only, subtle but visible.
42+
Data: 150 scatter markers colored on the imprint_seq green (#009E73) -> blue (#4467A3) gradient by Reaction Yield; colorbar shows 41-98% range with 5 ticks.
43+
Legibility verdict: PASS
44+
45+
Dark render (plot-dark.png):
46+
Background: Warm near-black (#1A1A17), correct dark-theme surface.
47+
Chrome: Title, axis titles/ticks, and colorbar rendered in light ink / ink-soft tones, fully legible against the dark background — no dark-on-dark failures observed. Grid lines subtle but visible.
48+
Data: Marker and colorbar gradient colors are pixel-identical to the light render (same per-point green-to-blue interpolation), confirming only chrome flipped between themes.
49+
Legibility verdict: PASS
50+
criteria_checklist:
51+
visual_quality:
52+
score: 28
53+
max: 30
54+
items:
55+
- id: VQ-01
56+
name: Text Legibility
57+
score: 7
58+
max: 8
59+
passed: true
60+
comment: All text readable in both themes; colorbar ticks slightly small but
61+
legible
62+
- id: VQ-02
63+
name: No Overlap
64+
score: 6
65+
max: 6
66+
passed: true
67+
comment: No text collisions
68+
- id: VQ-03
69+
name: Element Visibility
70+
score: 5
71+
max: 6
72+
passed: true
73+
comment: Marker size good, but a few points in dense clusters fully overlap
74+
with no alpha
75+
- id: VQ-04
76+
name: Color Accessibility
77+
score: 2
78+
max: 2
79+
passed: true
80+
comment: imprint_seq is CVD-safe
81+
- id: VQ-05
82+
name: Layout & Canvas
83+
score: 4
84+
max: 4
85+
passed: true
86+
comment: Canvas gate passed, colorbar well-integrated, no clipping
87+
- id: VQ-06
88+
name: Axis Labels & Title
89+
score: 2
90+
max: 2
91+
passed: true
92+
comment: Descriptive axis labels with units
93+
- id: VQ-07
94+
name: Palette Compliance
95+
score: 2
96+
max: 2
97+
passed: true
98+
comment: imprint_seq used correctly, correct theme backgrounds, identical
99+
data colors light/dark
100+
design_excellence:
101+
score: 10
102+
max: 20
103+
items:
104+
- id: DE-01
105+
name: Aesthetic Sophistication
106+
score: 5
107+
max: 8
108+
passed: false
109+
comment: Competent engineering but standard visual composition
110+
- id: DE-02
111+
name: Visual Refinement
112+
score: 3
113+
max: 6
114+
passed: false
115+
comment: Clean but baseline refinement only
116+
- id: DE-03
117+
name: Data Storytelling
118+
score: 2
119+
max: 6
120+
passed: false
121+
comment: No visual hierarchy beyond the color mapping
122+
spec_compliance:
123+
score: 15
124+
max: 15
125+
items:
126+
- id: SC-01
127+
name: Plot Type
128+
score: 5
129+
max: 5
130+
passed: true
131+
comment: Correct color-mapped scatter
132+
- id: SC-02
133+
name: Required Features
134+
score: 4
135+
max: 4
136+
passed: true
137+
comment: Colorbar, labels, moderate marker size, point count in range
138+
- id: SC-03
139+
name: Data Mapping
140+
score: 3
141+
max: 3
142+
passed: true
143+
comment: x/y/color mapped correctly, full data range shown
144+
- id: SC-04
145+
name: Title & Legend
146+
score: 3
147+
max: 3
148+
passed: true
149+
comment: Title matches mandated format, legend correctly omitted
150+
data_quality:
151+
score: 15
152+
max: 15
153+
items:
154+
- id: DQ-01
155+
name: Feature Coverage
156+
score: 6
157+
max: 6
158+
passed: true
159+
comment: x, y, color, colorbar all present
160+
- id: DQ-02
161+
name: Realistic Context
162+
score: 5
163+
max: 5
164+
passed: true
165+
comment: Plausible, neutral chemistry domain
166+
- id: DQ-03
167+
name: Appropriate Scale
168+
score: 4
169+
max: 4
170+
passed: true
171+
comment: Sensible ranges for temperature/duration/yield
172+
code_quality:
173+
score: 9
174+
max: 10
175+
items:
176+
- id: CQ-01
177+
name: KISS Structure
178+
score: 2
179+
max: 3
180+
passed: true
181+
comment: Small helper functions justified by missing coloraxis module
182+
- id: CQ-02
183+
name: Reproducibility
184+
score: 2
185+
max: 2
186+
passed: true
187+
comment: Deterministic fixed-seed LCG
188+
- id: CQ-03
189+
name: Clean Imports
190+
score: 2
191+
max: 2
192+
passed: true
193+
comment: No imports needed
194+
- id: CQ-04
195+
name: Code Elegance
196+
score: 2
197+
max: 2
198+
passed: true
199+
comment: No fake functionality, well-commented
200+
- id: CQ-05
201+
name: Output & API
202+
score: 1
203+
max: 1
204+
passed: true
205+
comment: Correct mount-node contract, animation disabled
206+
library_mastery:
207+
score: 7
208+
max: 10
209+
items:
210+
- id: LM-01
211+
name: Idiomatic Usage
212+
score: 4
213+
max: 5
214+
passed: true
215+
comment: Idiomatic scatter series and renderer usage, correctly avoids forbidden
216+
modules
217+
- id: LM-02
218+
name: Distinctive Features
219+
score: 3
220+
max: 5
221+
passed: false
222+
comment: Distinctive but a workaround rather than a native feature showcase
223+
verdict: REJECTED
224+
impl_tags:
225+
dependencies: []
226+
techniques:
227+
- colorbar
228+
- hover-tooltips
229+
patterns:
230+
- data-generation
231+
dataprep: []
232+
styling:
233+
- custom-colormap

0 commit comments

Comments
 (0)