Local Model Bench

gemma-4-31b-it

2026-05-14T18-16-19Z_gemma-4-31b-it

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 viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
  <!-- Background / Ground -->
  <rect width="800" height="600" fill="#e0e0e0" />
  
  <!-- Roads -->
  <rect x="0" y="250" width="800" height="100" fill="#7f8c8d" />
  <rect x="350" y="0" width="100" height="600" fill="#7f8c8d" />
  
  <!-- Road Markings -->
  <line x1="0" y1="300" x2="800" y2="300" stroke="white" stroke-dasharray="20,20" stroke-width="4" />
  <line x1="400" y1="0" x2="400" y2="600" stroke="white" stroke-dasharray="20,20" stroke-width="4" />

  <!-- City Blocks / Grass -->
  <rect x="20" y="20" width="310" height="210" fill="#95a5a6" rx="10" />
  <rect x="470" y="20" width="310" height="210" fill="#95a5a6" rx="10" />
  <rect x="20" y="370" width="310" height="210" fill="#95a5a6" rx="10" />
  <rect x="470" y="370" width="310" height="210" fill="#95a5a6" rx="10" />

  <!-- 3D Building Helper Function Logic (Manual Implementation) -->
  <!-- Building 1: Tall Skyscraper -->
  <g transform="translate(80, 80)">
    <rect x="0" y="0" width="60" height="60" fill="#bdc3c7" /> <!-- Top -->
    <path d="M0 0 L20 -20 L80 -20 L60 0 Z" fill="#95a5a6" /> <!-- Side A -->
    <path d="M60 0 L80 -20 L80 40 L60 60 Z" fill="#7f8c8d" /> <!-- Side B -->
    <!-- Windows -->
    <rect x="10" y="10" width="10" height="10" fill="#ecf0f1" opacity="0.5" />
    <rect x="30" y="10" width="10" height="10" fill="#ecf0f1" opacity="0.5" />
    <rect x="50" y="10" width="10" height="10" fill="#ecf0f1" opacity="0.5" />
  </g>

  <!-- Building 2: Medium Office -->
  <g transform="translate(200, 120)">
    <rect x="0" y="0" width="80" height="40" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L100 -20 L80 0 Z" fill="#95a5a6" />
    <path d="M80 0 L100 -20 L100 20 L80 40 Z" fill="#7f8c8d" />
  </g>

  <!-- Building 3: Small House -->
  <g transform="translate(550, 100)">
    <rect x="0" y="0" width="40" height="40" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L60 -20 L40 0 Z" fill="#95a5a6" />
    <path d="M40 0 L60 -20 L60 20 L40 40 Z" fill="#7f8c8d" />
  </g>

  <!-- Building 4: Large Complex -->
  <g transform="translate(100, 420)">
    <rect x="0" y="0" width="120" height="60" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L140 -20 L120 0 Z" fill="#95a5a6" />
    <path d="M120 0 L140 -20 L140 40 L120 60 Z" fill="#7f8c8d" />
  </g>

  <!-- Building 5: Tower -->
  <g transform="translate(600, 450)">
    <rect x="0" y="0" width="30" height="30" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L50 -20 L30 0 Z" fill="#95a5a6" />
    <path d="M30 0 L50 -20 L50 10 L30 30 Z" fill="#7f8c8d" />
  </g>

  <!-- Building 6: Flat Block -->
  <g transform="translate(480, 380)">
    <rect x="0" y="0" width="100" height="30" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L120 -20 L100 0 Z" fill="#95a5a6" />
    <path d="M100 0 L120 -20 L120 10 L100 30 Z" fill="#7f8c8d" />
  </g>

  <!-- Building 7: Small Shop -->
  <g transform="translate(520, 180)">
    <rect x="0" y="0" width="40" height="30" fill="#bdc3c7" />
    <path d="M0 0 L20 -20 L60 -20 L40 0 Z" fill="#95a5a6" />
    <path d="M40 0 L60 -20 L60 10 L40 30 Z" fill="#7f8c8d" />
  </g>

</svg>