Horizontal stacked bar with proportional segments and a legend
One task across 30 published runs. Inspect the scores and outputs together, with each run's execution method shown.
- Task
- DIAGR-0003
- Domain
- SVG and graphics
- Difficulty
- hard
Leading published run: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: deepseek-v4-flash at 100.0%. 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 single horizontal stacked bar chart in SVG using a 240x130 viewBox. Write it to `chart.svg`. The bar is split into three segments, each a `<rect class="seg">` with the listed id, laid out left to right in this order, with widths proportional to the values: - seg-rent : Rent = 30 - seg-wages : Wages = 50 - seg-other : Other = 20 So the Wages segment is the widest and the Other segment the narrowest, and the segment width ratios match the value ratios. Below the bar, draw a legend: three `<rect class="swatch">` colour swatches and three `<text>` labels reading Rent, Wages, Other. Requirements: - Exactly three segment rects (class="seg") and exactly three swatch rects (class="swatch"). - Segment order left to right: seg-rent, then seg-wages, then seg-other. - All three labels present. - Vector primitives only: no raster images, no data: URIs, no base64, no <foreignObject>, no <script>, no external references.
