Skip to content

Instantly share code, notes, and snippets.

@darenr
Last active January 8, 2025 22:54
Show Gist options
  • Select an option

  • Save darenr/4ba87a6495a1a497eda342be218d2b33 to your computer and use it in GitHub Desktop.

Select an option

Save darenr/4ba87a6495a1a497eda342be218d2b33 to your computer and use it in GitHub Desktop.
Girl playing hopscotch as an SVG created by Phi4 LLM
Display the source blob
Display the rendered blob
Raw
<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<!-- Hopscotch squares -->
<polygon points="30,50 70,50 100,90 50,90" fill="#ffeb3b"/>
<rect x="110" y="50" width="40" height="40" fill="#f44336"/>
<polygon points="170,50 210,50 230,90 180,90" fill="#4caf50"/>
<rect x="30" y="130" width="80" height="40" fill="#2196f3"/>
<polygon points="110,150 150,150 180,190 120,190" fill="#ff9800"/>
<!-- Girl -->
<circle cx="50" cy="60" r="10" fill="#ff4081"/> <!-- Head -->
<rect x="40" y="70" width="20" height="30" rx="5" ry="5" fill="#ffe0b2"/> <!-- Body -->
<!-- Legs -->
<line x1="50" y1="100" x2="60" y2="130" stroke="#00bcd4" stroke-width="5"/>
<line x1="40" y1="100" x2="30" y2="130" stroke="#00bcd4" stroke-width="5"/>
<!-- Arms -->
<line x1="35" y1="80" x2="25" y2="95" stroke="#ff9800" stroke-width="3"/>
<line x1="65" y1="80" x2="75" y2="95" stroke="#ff9800" stroke-width="3"/>
<!-- Feet -->
<circle cx="55" cy="135" r="5" fill="#00bcd4"/> <!-- Left foot -->
<circle cx="45" cy="135" r="5" fill="#00bcd4"/> <!-- Right foot -->
<!-- Shoes -->
<rect x="48.5" y="130" width="3" height="7" fill="#ffeb3b"/>
<rect x="56.5" y="130" width="3" height="7" fill="#ffeb3b"/>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment