Grouped two-series bar chart across three categories with a legend
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- DIAGR-0006
- Domain
- SVG and graphics
- Difficulty
- hard
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: gemini-3.1-flash-lite at 0.4%. 30 published runs shown on this task.
How this task was evaluated
Results are ordered by this task's published score. API runs use one prompt and one completion; agent runs use a coding harness with tools and iteration. Inspect the execution method when comparing results.
Objective scores use the benchmark's execution checks. Judge scores use a vision panel's fixed rubric; the published score leaves out a model's own family. Missing values are labelled rather than treated as zero.
Read the brief
Draw a grouped (clustered) bar chart in SVG using a 250x170 viewBox. Write it to `chart.svg`. There are three categories, and each category shows two bars side by side: a Series A bar and a Series B bar. Each bar is a `<rect>` carrying class "series-a" or "series-b" and the listed id. Within each category the Series A bar is to the left of the Series B bar. Series A values (ids a1, a2, a3): [10, 20, 15] - heights proportional to these. Series B values (ids b1, b2, b3): [8, 12, 18] - heights proportional to these. All bars sit on a shared baseline near the bottom. Categories run left to right in the order a1/b1, then a2/b2, then a3/b3 (so a1 is left of a2 is left of a3). Add a legend below the chart: two `<rect class="swatch">` swatches and two `<text>` labels reading Series A and Series B. Requirements: - Exactly three series-a bars and three series-b bars. - Within each category, the series-a bar is left of the series-b bar. - Exactly two legend swatches; both legend labels present. - Vector primitives only: no raster images, no data: URIs, no base64, no <foreignObject>, no <script>, no external references.
