gemma-4-26b-a4b

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

*   Goal: Generate a valid standalone SVG of a city plan.
    *   Style: 3D-style representation (isometric/pseudo-3D).
    *   Requirements:
        *   SVG only.
        *   No Markdown (raw text output).
        *   No external images.
        *   No JavaScript.
        *   Include roads or city blocks.
        *   Include multiple buildings.
        *   Use simple vector shapes.

    *   Isometric view is best for "3D-style" with simple vectors.
    *   Grid system: Roads as dark gray lines/rectangles, blocks as lighter gray areas.
    *   Buildings: Use polygons to create the sides and top (roof).
        *   Top face: Parallelogram.
        *   Left side: Parallelogram.
        *   Right side: Parallelogram.

    *   Canvas size: 800x600.
    *   Background: Light gray/green for ground.
    *   Roads: Dark gray rectangles or paths forming a grid.
    *   Buildings:
        *   Building 1 (Large): Base at (200, 300), height 50.
        *   Building 2 (Small): Base at (400, 150), height 30.
        *   Building 3 (Medium): Base at (100, 100), height 40.
        *   Building 4 (Tall): Base at (500, 400), height 80.

    *   A building with base $(x, y)$ and size $w, h$:
        *   Top face: $(x, y), (x+w, y-h/2), (x+w+h, y+h/2), (x+h, y+h)$. Wait, standard isometric is easier.
    *   Let's use a simpler approach for "3D" look in 2D:
        *   Roof: Rectangle or Parallelogram.
        *   Side 1: Trapezoid/Parallelogram.
        *   Side 2: Trapezoid/Parallelogram.

    *   Road Grid:
        *   Horizontal road at y=200, y=400.
        *   Vertical road at x=300, x=500.

    *   Building Construction (Isometric-ish):
        *   Let's define a function/pattern for a building:
            *   Top: `<polygon points="x,y x+w,y-h_iso x+w+h_iso,y+h_iso x+h_iso,y+2*h_iso" />` - No, that's too complex.
        *   Let's use simple 3/4 view:
            *   Top face (light color).
            *   Left side (medium color).
            *   Right side (dark color).

    *   Example Building at $(x, y)$:
        *   Roof: `<polygon points="x,y x+w,y x+w+h,y+h x+h,y+2h" />` - No.
        *   Let's try this:
            *   Base point $P(x, y)$.
            *   Top face: $(x, y), (x+40, y-20), (x+60, y+10), (x+20, y+30)$
            *   Left side: $(x, y), (x, y+40), (x+20, y+70), (x+20, y+30)$
            *   Right side: $(x+40, y-20), (x+60, y+10), (x+60, y+50), (x+20, y+30)$

    *   Actually, let's go with a simpler "Extruded" look.
        *   Base: Rectangle $(x, y, w, h)$.
        *   Top face: Offset rectangle.
        *   Sides: Connect corners.

    *   Let's refine the building shape for code simplicity:
        Building at $X, Y$ with width $W$, depth $D$, height $H$.
        Isometric projection (approximate):
        - Top: $(X, Y), (X+W, Y-D/2), (X+W+D, Y+D/2), (X+D, Y+D)$ - No.

    *   Let's use a standard 2.5D approach:
        Building at $x, y$:
        1. Right side: `polygon points="x+w,y x+w+h,y-h x+w+h,y+d-h x+w,y+d"` (Dark)
        2. Left side: `polygon points="x,y x+h,y-h x+h,y+d-h x,y+d"` (Medium)
        3. Top face: `polygon points="x,y x+h,y-h x+w+h,y-h x+w,y"` (Light) - This is just a flat top.

    *   Let's try this specific geometry for an isometric cube/box:
        Base point $(x, y)$.
        Top face: `polygon points="x,y x+30,-15 x+60,15 x+30,30"` (Light)
        Left side: `polygon points="x,y x,40 x+30,70 x+30,30"` (Medium)
        Right side: `polygon points="x+30,-15 x+60,15 x+60,55 x+30,30"` (Dark)

    *   Wait, the user wants a "city plan". A city plan is usually top-down. But they asked for "3D-style representation of buildings". This implies an isometric or perspective view of the map.

    *   Let's do an Isometric City Map:
        Background (Ground): `#a8d5ba` (Green)
        Roads: `#444` (Dark Gray)
        Building 1: $(200, 200)$
        Building 2: $(400, 100)$
        Building 3: $(100, 400)$
        Building 4: $(500, 350)$

    *   Roads (Isometric):
        Instead of rectangles, use thick lines or long parallelograms.
        Road 1: $(0, 300) \to (800, 500)$
        Road 2: $(0, 500) \to (800, 700)$ - wait, bounds are $800 \times 600$.
        Let's use a grid of roads.

    *   Final Plan for SVG structure:
        1. `<svg width="800" height="600" ...>`
        2. Background (Green)
        3. Roads (Dark Gray parallelograms)
        4. Buildings (Groups of 3 polygons per building)

    *   Building Template (Isometric):
        Let $x, y$ be the "front-most" corner.
        Top: `polygon points="x,y x+w,y-h/2 x+w+d,y+h/2 x+d,y+h"`
        Left side: `polygon points="x,y x,y+h x+d,y+h+h/2 x+d,y+h/2"` - No.

    *   Let's use a simpler 3D look (Pseudo-3D):
        Building at $x, y$:
        Top: `<rect x="x" y="y" width="w" height="h" fill="lightgray" />`
        Side 1: `<polygon points="x+w,y x+w+20,y-10 x+w+20,y+h-10 x+w,y+h" fill="gray" />`
        Side 2: `<polygon points="x,y+h x+w,y+h x+w+20,y+h-10 x+x+20,y+h+10" fill="darkgray" />` - No.

    *   Let's go with a classic Isometric Box:
        A box at $(x, y)$ with width $W$, depth $D$, height $H$.
        In isometric view (approx):
        Top face vertices: $(x, y), (x+W, y-D/2), (x+W+D, y+D/2), (x+D, y+D)$ - No.

    *   Let's use this simple set of coordinates for a building at $X, Y$:
        Top: `M X,Y L X+40,Y-20 L X+60,Y+10 L X+20,Y+30 Z` (Light)
        Left side: `M X,Y L X,Y+40 L X+20,Y+70 L X+20,Y+30 Z` (Medium)
        Right side: `M X+40,Y-20 L X+60,Y+10 L X+60,Y+50 L X+20,Y+30 Z` (Dark)

    *   Let's check if these connect.
        Top corners: $(X, Y), (X+40, Y-20), (X+60, Y+10), (X+20, Y+30)$
        Left side bottom: $(X, Y+40), (X+20, Y+70)$ - This doesn't match the top.

    *   Let's try again. A building is a cube/prism.
        Vertices of a prism in isometric view:
        Bottom face: $B1(x, y), B2(x+w, y-d), B3(x+w+d, y-d+w), B4(x+d, y+w)$ - No.

    *   Let's use a very simple "Extruded Rectangle" approach:
        1. Draw the base rectangle (the footprint) in dark gray/road color? No, buildings are on blocks.
        2. Let's draw the building as:
           - A side face (rectangle).
           - Another side face (parallelogram).
           - A top face (parallelogram).

    *   Building at $(x, y)$ with width $w$, height $h$:
        Side 1 (Front): `rect x="x" y="y" width="w" height="h"`
        Side 2 (Right): `polygon points="x+w,y x+w+20,y-10 x+w+20,y+h-10 x+w,y+h"`
        Top: `polygon points="x,y x+w,y x+w+20,y-10 x+20,y-10"`

    *   Let's refine this "Front/Right/Top" look. It looks 3D enough for a simple SVG.
        Building at $X, Y$:
        - Front face: `<rect x="X" y="Y" width="W" height="H" fill="#bdc3c7" />`
        - Right side: `<polygon points="X+W,Y X+W+20,Y-15 X+W+20,Y+H-15 X+W,Y+H" fill="#95a5a6" />`
        - Top face: `<polygon points="X,Y X+W,Y X+W+20,Y-15 X+20,Y-15" fill="#ecf0f1" />`

    *   Let's test this logic:
        If $X=100, Y=100, W=40, H=60$:
        Front: $(100, 100)$ to $(140, 160)$.
        Right side: $(140, 100), (160, 85), (160, 145), (140, 160)$.
        Top face: $(100, 100), (140, 100), (160, 85), (120, 85)$.
        This works! It creates a consistent 3D box.

    *   Roads:
        Let's make them thick lines or wide rectangles.
        Since we are doing a "plan", let's tilt the roads to match the isometric perspective of the buildings.
        If building sides are at an angle (e.g., $x+20, y-15$), the roads should follow that slant.

    *   Wait, if I use the "Front/Right/Top" style, it