Local Model Bench

gemini-3.5-flash

2026-05-21T07-39-56Z_gemini-3.5-flash_native_gemini

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
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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 800" width="100%" height="100%" style="background-color: #1a1c2e;">
  <defs>
    <linearGradient id="roadGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#292d3d" />
      <stop offset="100%" stop-color="#151722" />
    </linearGradient>
    <linearGradient id="waterGrad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#005c8a" />
      <stop offset="50%" stop-color="#0099b8" />
      <stop offset="100%" stop-color="#003f63" />
    </linearGradient>
    <linearGradient id="parkGrad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#1b4d3e" />
      <stop offset="100%" stop-color="#0f2b22" />
    </linearGradient>
    <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="8" result="blur" />
      <feComposite in="SourceGraphic" in2="blur" operator="over" />
    </filter>
    <filter id="shadow" x="-10%" y="-10%" width="130%" height="130%">
      <feDropShadow dx="-10" dy="15" stdDeviation="5" flood-color="#05050a" flood-opacity="0.6"/>
    </filter>
  </defs>

  <!-- Grid Background -->
  <g stroke="#25283d" stroke-width="1">
    <path d="M 0,100 L 1000,100 M 0,200 L 1000,200 M 0,300 L 1000,300 M 0,400 L 1000,400 M 0,500 L 1000,500 M 0,600 L 1000,600 M 0,700 L 1000,700" />
    <path d="M 100,0 L 100,800 M 200,0 L 200,800 M 300,0 L 300,800 M 400,0 L 400,800 M 500,0 L 500,800 M 600,0 L 600,800 M 700,0 L 700,800 M 800,0 L 800,800 M 900,0 L 900,800" />
  </g>

  <!-- Water Canal -->
  <path d="M -50,650 C 300,600 400,500 600,450 C 800,400 900,200 1050,150 L 1050,0 L 1000,0 L -50,0 Z" fill="url(#waterGrad)" opacity="0.8" />
  <path d="M -50,650 C 300,600 400,500 600,450 C 800,400 900,200 1050,150" fill="none" stroke="#00ffcc" stroke-width="3" opacity="0.4" filter="url(#glow)" />

  <!-- Parks and Green Zones -->
  <rect x="50" y="150" width="180" height="120" rx="15" fill="url(#parkGrad)" stroke="#2d8a68" stroke-width="2" />
  <rect x="750" y="500" width="200" height="250" rx="20" fill="url(#parkGrad)" stroke="#2d8a68" stroke-width="2" />
  <circle cx="850" cy="625" r="45" fill="#143d30" stroke="#00ffcc" stroke-width="1" stroke-dasharray="5,5" />

  <!-- Road Network (Underlay) -->
  <g fill="none" stroke="url(#roadGrad)" stroke-linecap="round" stroke-linejoin="round">
    <!-- Main Highways -->
    <path d="M 0,350 L 1000,350" stroke-width="40" />
    <path d="M 500,0 L 500,800" stroke-width="40" />
    <path d="M 0,700 L 1000,700" stroke-width="30" />
    <!-- Secondary Streets -->
    <path d="M 150,0 L 150,800" stroke-width="20" />
    <path d="M 800,0 L 800,800" stroke-width="20" />
    <path d="M 0,100 L 500,100" stroke-width="20" />
    <path d="M 500,550 L 1000,550" stroke-width="20" />
    <path d="M 300,350 L 300,700" stroke-width="15" />
  </g>

  <!-- Road Markings (Neon/Glow style) -->
  <g fill="none" stroke="#5c6380" stroke-width="2" stroke-dasharray="15,15">
    <path d="M 0,350 L 1000,350" />
    <path d="M 500,0 L 500,800" />
    <path d="M 0,700 L 1000,700" />
    <path d="M 150,0 L 150,800" stroke-width="1" stroke-dasharray="8,8" />
    <path d="M 800,0 L 800,800" stroke-width="1" stroke-dasharray="8,8" />
  </g>

  <!-- Bridges over Water -->
  <rect x="130" y="200" width="40" height="60" rx="5" fill="#3a3f58" stroke="#6c7a9c" stroke-width="2" />
  <rect x="780" y="210" width="40" height="70" rx="5" fill="#3a3f58" stroke="#6c7a9c" stroke-width="2" />

  <!-- 3D Buildings Group (with shadows) -->
  <g filter="url(#shadow)">

    <!-- BLOCK 1: Top Left (Residential/Light Tech) -->
    <!-- Building 1.1 -->
    <g>
      <!-- Base/Footprint: x=30, y=400, w=80, h=60 -->
      <!-- Extrusion height: 90 -->
      <!-- Left Wall (Dark) -->
      <polygon points="30,460 30,370 110,370 110,460" fill="#1e2238" />
      <!-- Front Wall (Medium) -->
      <polygon points="30,460 110,460 110,430 30,430" fill="#2d3254" />
      <!-- Roof (Light/Top) -->
      <polygon points="30,370 110,370 110,340 30,340" fill="#464e7d" />
      <!-- Roof Detail -->
      <polygon points="45,360 95,360 95,350 45,350" fill="#00ffcc" opacity="0.8" filter="url(#glow)" />
    </g>

    <!-- Building 1.2 -->
    <g>
      <!-- Base: x=200, y=420, w=70, h=70, Height=140 -->
      <polygon points="200,490 200,350 270,350 270,490" fill="#1a1d30" />
      <polygon points="200,490 270,490 270,450 200,450" fill="#282c47" />
      <!-- Roof -->
      <polygon points="200,350 270,350 270,310 200,310" fill="#3f456e" />
      <!-- Helipad on roof -->
      <circle cx="235" cy="330" r="15" fill="none" stroke="#ff0055" stroke-width="2" />
      <path d="M 230,335 L 230,325 M 230,330 L 240,330 M 240,335 L 240,325" stroke="#ff0055" stroke-width="2" />
    </g>


    <!-- BLOCK 2: Center-Left (Commercial Towers) -->
    <!-- Tower 2.1 (Tall Glass Prism) -->
    <g>
      <!-- Base: x=220, y=520, w=60, h=100, Height=220 -->
      <!-- Left Side -->
      <polygon points="220,620 220,400 280,400 280,620" fill="#152e44" />
      <!-- Right Side -->
      <polygon points="280,620 340,620 340,400 280,400" fill="#1f4563" />
      <!-- Top Face -->
      <polygon points="220,400 280,370 340,400 280,430" fill="#316b94" />
      <!-- Neon Edge (Spire/Corner) -->
      <line x1="280" y1="620" x2="280" y2="370" stroke="#00ffcc" stroke-width="3" filter="url(#glow)" />
      <line x1="280" y1="370" x2="280" y2="310" stroke="#00ffcc" stroke-width="2" filter="url(#glow)" />
    </g>

    <!-- Tower 2.2 (Angled Skyscraper) -->
    <g>
      <!-- Base: x=360, y=450, w=90, h=80, Height=180 -->
      <!-- Left Facade -->
      <polygon points="360,530 360,350 410,310 410,490" fill="#221936" />
      <!-- Right Facade -->
      <polygon points="410,490 410,310 450,350 450,530" fill="#362954" />
      <!-- Slanted Roof -->
      <polygon points="360,350 410,310 450,350 410,380" fill="#523e80" />
      <!-- Windows (Cyan Dots) -->
      <circle cx="380" cy="400" r="2" fill="#00ffcc" />
      <circle cx="395" cy="415" r="2" fill="#00ffcc" />
      <circle cx="380" cy="430" r="2" fill="#00ffcc" />
      <circle cx="395" cy="445" r="2" fill="#00ffcc" />
      <circle cx="430" cy="400" r="2" fill="#ff0055" />
      <circle cx="430" cy="430" r="2" fill="#ff0055" />
    </g>


    <!-- BLOCK 3: Downtown Core (Right of Center Highway) -->
    <!-- Mega Structure 3.1 (Step Pyramid Style) -->
    <g>
      <!-- Tier 1 Base -->
      <polygon points="560,300 680,300 680,240 560,240" fill="#1b1e2e" />
      <polygon points="560,240 680,240 650,210 590,210" fill="#2e334d" />
      <!-- Tier 2 -->
      <polygon points="580,210 660,210 660,160 580,160" fill="#25293d" />
      <polygon points="580,160 660,160 640,140 600,140" fill="#3d4466" />
      <!-- Tier 3 (Tower) -->
      <polygon points="600,140 640,140 640,70 600,70" fill="#343a57" />
      <polygon points="600,70 640,70 620,50 600,50" fill="#525b8a" />
      <!-- Glowing Core Line -->
      <line x1="620" y1="240" x2="620" y2="50" stroke="#ff0055" stroke-width="3" filter="url(#glow)" />
    </g>

    <!-- Highrise 3.2 -->
    <g>
      <!-- Base: x=700, y=280, w=70, h=60, Height=150 -->
      <polygon points="700,340 700,190 770,190 770,340" fill="#12242b" />
      <polygon points="700,340 770,340 770,310 700,310" fill="#1d3b47" />
      <!-- Roof -->
      <polygon points="700,190 770,190 770,160 700,160" fill="#2d5c6e" />
      <!-- Decorative Yellow Lines -->
      <line x1="710" y1="190" x2="710" y2="310" stroke="#ffcc00" stroke-width="1.5" />
      <line x1="730" y1="190" x2="730" y2="310" stroke="#ffcc00" stroke-width="1.5" />
      <line x1="750" y1="190" x2="750" y2="310" stroke="#ffcc00" stroke-width="1.5" />
    </g>


    <!-- BLOCK 4: Bottom Right (Industrial / Research) -->
    <!-- Circular Dome Facility 4.1 -->
    <g>
      <!-- Base Cylinder -->
      <path d="M 560,650 A 50,25 0 0,0 660,650 L 660,600 A 50,25 0 0,1 560,600 Z" fill="#202533" />
      <!-- Dome Top -->
      <path d="M 560,600 A 50,40 0 0,1 660,600 Z" fill="#3a445c" />
      <!-- Grid lines on Dome -->
      <path d="M 560,600 Q 610,570 660,600 M 575,585 Q 610,565 645,585" fill="none" stroke="#00ffcc" stroke-width="1" opacity="0.7" />
      <path d="M 610,560 L 610,610" fill="none" stroke="#00ffcc" stroke-width="1" opacity="0.7" />
    </g>

    <!-- Blocky Research Lab 4.2 -->
    <g>
      <!-- Complex L-Shape in 3D -->
      <!-- Segment A -->
      <polygon points="660,720 660,640 720,640 720,720" fill="#1c2830" />
      <polygon points="660,640 720,640 720,610 660,610" fill="#2d3f4c" />
      <!-- Segment B (Connected & Taller) -->
      <polygon points="720,720 720,590 770,590 770,720" fill="#253542" />
      <polygon points="720,590 770,590 770,560 720,560" fill="#3b5366" />
      <!-- Glowing Connector Bridge -->
      <rect x="710" y="620" width="20" height="10" fill="#ff0055" filter="url(#glow)" />
    </g>

  </g> <!-- End Shadows Group -->


  <!-- Overlay Details / UI Elements / Flight Paths -->
  <!-- Flight Path 1 -->
  <path d="M 100,750 Q 450,500 900,100" fill="none" stroke="#ff0055" stroke-width="1.5" stroke-dasharray="10,15" opacity="0.6" filter="url(#glow)" />
  <!-- Drone / Sci-fi Cruiser on Path -->
  <circle cx="450" cy="500" r="5" fill="#ffffff" filter="url(#glow)" />
  <polygon points="450,495 460,500 450,505 445,500" fill="#ff0055" />

  <!-- Flight Path 2 -->
  <path d="M 50,200 Q 500,250 950,700" fill="none" stroke="#00ffcc" stroke-width="1.5" stroke-dasharray="5,20" opacity="0.6" filter="url(#glow)" />

  <!-- Map Legend / HUD overlay in corners -->
  <rect x="20" y="730" width="180" height="50" rx="5" fill="#11131f" stroke="#3a3f58" stroke-width="1.5" opacity="0.9" />
  <text x="30" y="750" fill="#00ffcc" font-family="monospace" font-size="10" letter-spacing="1">SYS_ACTIVE</text>
  <text x="30" y="765" fill="#ffffff" font-family="monospace" font-size="9" opacity="0.7">SECTOR_09 // GRID_MAP</text>
  <circle cx="180" cy="755" r="4" fill="#00ffcc" filter="url(#glow)" />

  <!-- Compass Rose / North Arrow -->
  <g transform="translate(930, 80)">
    <circle cx="0" cy="0" r="30" fill="#11131f" stroke="#3a3f58" stroke-width="1.5" />
    <line x1="0" y1="-25" x2="0" y2="25" stroke="#5c6380" stroke-width="1" />
    <line x1="-25" y1="0" x2="25" y2="0" stroke="#5c6380" stroke-width="1" />
    <polygon points="0,-25 7,0 0,-5" fill="#ff0055" />
    <polygon points="0,-25 -7,0 0,-5" fill="#ff5588" />
    <text x="-5" y="-28" fill="#ffffff" font-family="sans-serif" font-size="10" font-weight="bold">N</text>
  </g>

</svg>