Local Model Bench

gemma-4-e4b

2026-05-14T15-52-57Z_google_gemma-4-e4b

pass Visual sample result
3/3 Automated checks
1/1 SVG artifact

Verdict

visual sample
pass

1 artifact · 3/3 checks · pass

no failure labels
Prompt set v1_city_plan_svg.json
Run type local
Temperature 0
Top P 1
Missed tasks 0/1

SVG Artifacts

1 artifact · 3/3 checks · pass
city_plan_3d_buildings_svg 3/3 · v1_city_plan_svg.json open SVG
city_plan_3d_buildings_svg SVG output

Task Results

Compact view; open a row for prompt and raw answer
Task Category Score Failed Checks Failure Types Prompt / Answer
city_plan_3d_buildings_svg svg 3/3 none none
Open

Prompt

Generate a valid standalone SVG of a city plan with a 3D-style representation of buildings.

Rules:
- SVG only
- no Markdown
- no external images
- no JavaScript
- include roads or city blocks
- include multiple buildings
- make at least some buildings appear 3D or isometric
- use simple vector shapes

Model answer

<svg width="800" height="500" viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg">
    <!-- Background (Ground Plane) -->
    <rect x="0" y="0" width="100%" height="100%" fill="#f0f0f0"/>

    <!-- Isometric Grid Lines / Ground Blocks -->
    <!-- Main Road 1 (Horizontal perspective line) -->
    <line x1="50" y1="480" x2="750" y2="480" stroke="#333" stroke-width="6"/>
    <!-- Main Road 2 (Diagonal up-right) -->
    <line x1="50" y1="480" x2="750" y2="150" stroke="#333" stroke-width="6"/>
    <!-- Side Street 1 (Vertical perspective line) -->
    <line x1="50" y1="480" x2="50" y2="150" stroke="#333" stroke-width="6"/>

    <!-- Building Group 1: Corner Block (Isometric Focus) -->
    <!-- Building A (Tallest, corner piece) -->
    <g transform="translate(100, 150)">
        <rect x="0" y="0" width="80" height="200" fill="#a9d6ff" stroke="#333" stroke-width="2"/> <!-- Front face (Vertical) -->
        <polygon points="0,200 80,150 80,200" fill="#cceeff" stroke="#333" stroke-width="2"/> <!-- Right side (Depth) -->
        <rect x="0" y="0" width="80" height="20" fill="#7aaaff" stroke="#333" stroke-width="2"/> <!-- Top surface (Roof/Base) -->
    </g>

    <!-- Building Group 2: Mid-sized Block -->
    <g transform="translate(250, 180)">
        <!-- Building B (Medium height, simple block) -->
        <rect x="0" y="0" width="120" height="150" fill="#b3e0a9" stroke="#333" stroke-width="2"/>
        <polygon points="0,150 120,100 120,150" fill="#9ddc8d" stroke="#333" stroke-width="2"/> <!-- Depth side -->
        <rect x="0" y="0" width="120" height="20" fill="#7aaaff" stroke="#333" stroke-width="2"/> <!-- Roof/Base -->
    </g>

    <!-- Building Group 3: Small, low structure (Near the corner) -->
    <g transform="translate(450, 250)">
        <!-- Building C (Low profile) -->
        <rect x="0" y="0" width="60" height="80" fill="#ffcc99" stroke="#333" stroke-width="2"/>
        <polygon points="0,80 60,40 60,80" fill="#e6b87d" stroke="#333" stroke-width="2"/> <!-- Depth side -->
        <rect x="0" y="0" width="60" height="15" fill="#cc9966" stroke="#333" stroke-width="2"/> <!-- Roof/Base -->
    </g>

    <!-- Building Group 4: Another corner piece (Right side) -->
    <g transform="translate(650, 180)">
        <!-- Building D (Medium height, angled perspective) -->
        <rect x="0" y="0" width="100" height="120" fill="#ffb3a9" stroke="#333" stroke-width="2"/> <!-- Front face -->
        <polygon points="0,120 100,70 100,120" fill="#e6a394" stroke="#333" stroke-width="2"/> <!-- Depth side -->
        <rect x="0" y="0" width="100" height="20" fill="#cc8c80" stroke="#333" stroke-width="2"/> <!-- Roof/Base -->
    </g>

    <!-- Detail: Street Sign / Utility Pole (Optional detail) -->
    <rect x="50" y="100" width="5" height="100" fill="#666"/>
    <circle cx="52.5" cy="100" r="3" fill="#ff0000"/>

</svg>