Banja
About
Services
Products
Case Studies
Lab
Contact Us
Let us pitch to you

LET'S BUILD
THE FUTURE.

Start a Project
or
Meet Jett
banja.au

We build digital products for people who move fast.

Explore

•About•Case Studies•Blog•Careers•Contact

Services

•Product Design & Build•AI Agents & Automation•Website & Brand Setup

Products

•Boosta

Contact

helloremovethis@andthisbanja.au
50 Miller St
North Sydney NSW 2060

© 2026 Banja Labs. All rights reserved.

Privacy PolicyTerms of Use

Banja Lab / Benchmarks / Test

DIAGR-0006SVG and graphics · hard

Grouped two-series bar chart across three categories with a legend

The same task, run on 27 models. Compare the outputs side by side, or open any one in a popup to inspect it.

Top result: claude-opus-4-8 (low reasoning) at 100.0% composite. Lowest: claude-haiku-4-5 at 0.4%. 27 models compared on this task.

How it ran
  • Each model was given the brief below in a fresh, isolated session with no access to our tools, and returned its answer from scratch.
  • The rendered output was scored 1 to 5 on brief fidelity, visual design, craft, and impact by a four-family vision panel - Anthropic (Claude Opus 4.8), OpenAI (GPT-5.5), Google (Gemini 3.1 Pro), and xAI (Grok 4.3) - using one identical prompt so the scores compare. The published judge score is leave-one-family-out: a model is never scored by a judge of its own family, so same-family self-preference is removed.
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.

Anthropicclaude-opus-4-8
Low reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Anthropicclaude-sonnet-4-6
High reasoning
claude-sonnet-4-6 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Zhipuglm-5.2
default reasoning
glm-5.2 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
OpenAIgpt-5.5
High reasoning
gpt-5.5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
OpenAIgpt-5.4-mini
High reasoning
gpt-5.4-mini rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Googlegemini-3.1-pro-preview
High reasoning
gemini-3.1-pro-preview rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Googlegemini-3.5-flash
default reasoning
gemini-3.5-flash rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
xAIgrok-4.3
default reasoning
grok-4.3 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
xAIgrok-4.20-reasoning
default reasoning
grok-4.20-reasoning rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
xAIgrok-build-0.1
default reasoning
grok-build-0.1 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
xAIgrok-composer-2.5-fast
default reasoning
grok-composer-2.5-fast rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Anthropicclaude-opus-4-8
High reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Anthropicclaude-sonnet-4-6
High reasoning
claude-sonnet-4-6 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Anthropicclaude-sonnet-5
High reasoning
claude-sonnet-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
DeepSeekdeepseek-v4-pro
default reasoning
deepseek-v4-pro rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
DeepSeekdeepseek-v4-flash
default reasoning
deepseek-v4-flash rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 100.0%
Open
Composite 100.0%Objective 100.0%
Open outputFull run
Anthropicclaude-opus-4-8
Medium reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-opus-4-8
High reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-opus-4-8
Extra-high reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-opus-4-8
Max reasoning
claude-opus-4-8 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-sonnet-5
High reasoning
claude-sonnet-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-fable-5
High reasoning
claude-fable-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-haiku-4-5
High reasoning
claude-haiku-4-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Moonshotkimi-k2.7-code
default reasoning
kimi-k2.7-code rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Googlegemini-3.1-flash-lite
default reasoning
gemini-3.1-flash-lite rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-fable-5
High reasoning
claude-fable-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run
Anthropicclaude-haiku-4-5
default reasoning
claude-haiku-4-5 rendering of the Grouped two-series bar chart across three categories with a legend benchmark - composite 0.4%
Open
Composite 0.4%Objective 0.4%
Open outputFull run