Skip to content

Instantly share code, notes, and snippets.

@pleabargain
Created November 24, 2025 08:29
Show Gist options
  • Select an option

  • Save pleabargain/f1eb196f747b79c1f07eb6fa857a46ec to your computer and use it in GitHub Desktop.

Select an option

Save pleabargain/f1eb196f747b79c1f07eb6fa857a46ec to your computer and use it in GitHub Desktop.
gemini 3 genearated human skeleton SVG
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 800" preserveAspectRatio="xMidYMid meet">
<defs>
<!-- Bone Gradient -->
<linearGradient id="boneGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#D9D7C5;stop-opacity:1" />
<stop offset="30%" style="stop-color:#F2F0E4;stop-opacity:1" />
<stop offset="70%" style="stop-color:#F2F0E4;stop-opacity:1" />
<stop offset="100%" style="stop-color:#CFCDB8;stop-opacity:1" />
</linearGradient>
<!-- Shadow Filter -->
<filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
<feOffset dx="1" dy="2" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.3"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<!-- Label Style -->
<style>
.label-text { font-family: 'Arial', sans-serif; font-size: 14px; fill: #00E5FF; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.label-line { stroke: #00E5FF; stroke-width: 1.5; fill: none; opacity: 0.8; }
.label-dot { fill: #00E5FF; }
</style>
</defs>
<!-- Background -->
<rect width="100%" height="100%" fill="#1a1a1a" />
<!-- SKELETON GROUP -->
<g transform="translate(300, 50)" filter="url(#dropShadow)">
<!-- SKULL -->
<g id="skull">
<!-- Cranium -->
<path d="M-35,0 C-55,0 -65,25 -65,50 C-65,85 -50,100 -35,105 L35,105 C50,100 65,85 65,50 C65,25 55,0 35,0 Z" fill="url(#boneGradient)" />
<!-- Jaw/Mandible -->
<path d="M-35,90 Q-40,130 0,140 Q40,130 35,90" fill="url(#boneGradient)" />
<!-- Eye Sockets -->
<path d="M-35,55 Q-45,55 -45,65 Q-45,75 -35,75 Q-25,75 -25,65 Q-25,55 -35,55" fill="#111" />
<path d="M35,55 Q25,55 25,65 Q25,75 35,75 Q45,75 45,65 Q45,55 35,55" fill="#111" />
<!-- Nose -->
<path d="M0,75 L-5,90 L5,90 Z" fill="#111" />
<!-- Teeth -->
<path d="M-20,105 L20,105" stroke="#CFCDB8" stroke-width="2" />
<path d="M-20,115 L20,115" stroke="#CFCDB8" stroke-width="2" />
</g>
<!-- SPINE & RIBCAGE -->
<g id="torso" transform="translate(0, 145)">
<!-- Cervical Vertebrae -->
<rect x="-10" y="-10" width="20" height="15" rx="5" fill="url(#boneGradient)" />
<!-- Clavicles -->
<path d="M-10,5 Q-40,0 -80,15 L-75,25 Q-40,15 -10,15 Z" fill="url(#boneGradient)" />
<path d="M10,5 Q40,0 80,15 L75,25 Q40,15 10,15 Z" fill="url(#boneGradient)" />
<!-- Sternum -->
<path d="M-15,20 L15,20 L10,80 L0,90 L-10,80 Z" fill="url(#boneGradient)" />
<!-- Ribs (Simplified) -->
<g fill="none" stroke="url(#boneGradient)" stroke-width="6" stroke-linecap="round">
<path d="M-15,30 Q-50,30 -60,50" />
<path d="M15,30 Q50,30 60,50" />
<path d="M-12,45 Q-55,45 -65,70" />
<path d="M12,45 Q55,45 65,70" />
<path d="M-10,60 Q-55,60 -60,85" />
<path d="M10,60 Q55,60 60,85" />
<path d="M-8,75 Q-45,75 -50,95" />
<path d="M8,75 Q45,75 50,95" />
</g>
<!-- Lumbar Vertebrae -->
<rect x="-12" y="100" width="24" height="12" rx="3" fill="url(#boneGradient)" />
<rect x="-13" y="115" width="26" height="12" rx="3" fill="url(#boneGradient)" />
<rect x="-14" y="130" width="28" height="12" rx="3" fill="url(#boneGradient)" />
<rect x="-15" y="145" width="30" height="12" rx="3" fill="url(#boneGradient)" />
</g>
<!-- PELVIS -->
<g id="pelvis" transform="translate(0, 310)">
<path d="M-15,0 C-60,-10 -90,10 -80,60 C-75,80 -50,90 -40,80 L-15,90 Z" fill="url(#boneGradient)" />
<path d="M15,0 C60,-10 90,10 80,60 C75,80 50,90 40,80 L15,90 Z" fill="url(#boneGradient)" />
<path d="M-15,0 L15,0 L10,90 L-10,90 Z" fill="#CFCDB8" /> <!-- Sacrum -->
</g>
<!-- ARMS -->
<g id="arms">
<!-- Left Arm (Viewer's Left) -->
<g transform="translate(-90, 170) rotate(10)">
<!-- Humerus -->
<path d="M0,0 C15,0 20,20 15,30 L10,100 C5,110 25,110 20,120 L-5,120 C-10,110 10,110 5,100 L-5,30 C-10,20 -15,0 0,0 Z" fill="url(#boneGradient)" />
<!-- Radius & Ulna -->
<g transform="translate(5, 125) rotate(-5)">
<path d="M-8,0 L-10,90 C-10,100 -5,100 -5,90 L0,0 Z" fill="url(#boneGradient)" /> <!-- Ulna -->
<path d="M8,0 L10,90 C10,100 5,100 5,90 L0,0 Z" fill="url(#boneGradient)" /> <!-- Radius -->
</g>
<!-- Hand -->
<g transform="translate(5, 225)">
<path d="M-10,0 L10,0 L5,25 L-5,25 Z" fill="url(#boneGradient)" />
<path d="M-5,25 L-5,35" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
<path d="M0,25 L0,38" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
<path d="M5,25 L5,35" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
</g>
</g>
<!-- Right Arm (Viewer's Right) -->
<g transform="translate(90, 170) rotate(-10)">
<!-- Humerus -->
<path d="M0,0 C-15,0 -20,20 -15,30 L-10,100 C-5,110 -25,110 -20,120 L5,120 C10,110 -10,110 -5,100 L5,30 C10,20 15,0 0,0 Z" fill="url(#boneGradient)" />
<!-- Radius & Ulna -->
<g transform="translate(-5, 125) rotate(5)">
<path d="M8,0 L10,90 C10,100 5,100 5,90 L0,0 Z" fill="url(#boneGradient)" /> <!-- Ulna -->
<path d="M-8,0 L-10,90 C-10,100 -5,100 -5,90 L0,0 Z" fill="url(#boneGradient)" /> <!-- Radius -->
</g>
<!-- Hand -->
<g transform="translate(-5, 225)">
<path d="M-10,0 L10,0 L5,25 L-5,25 Z" fill="url(#boneGradient)" />
<path d="M-5,25 L-5,35" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
<path d="M0,25 L0,38" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
<path d="M5,25 L5,35" stroke="url(#boneGradient)" stroke-width="3" stroke-linecap="round"/>
</g>
</g>
</g>
<!-- LEGS -->
<g id="legs" transform="translate(0, 400)">
<!-- Left Leg -->
<g transform="translate(-40, 0)">
<!-- Femur -->
<path d="M10,0 C25,5 30,20 20,30 L5,130 C0,140 20,145 15,155 L-15,155 C-20,145 0,140 -5,130 L-20,30 C-25,15 -10,0 10,0 Z" fill="url(#boneGradient)" />
<!-- Tibia & Fibula -->
<g transform="translate(0, 160)">
<path d="M-5,0 L-5,140 C-5,150 5,150 5,140 L10,0 Z" fill="url(#boneGradient)" /> <!-- Tibia -->
<path d="M-15,5 L-12,135" stroke="url(#boneGradient)" stroke-width="4" stroke-linecap="round" /> <!-- Fibula -->
</g>
<!-- Foot -->
<path d="M-10,305 L15,305 L20,320 L-10,320 Z" fill="url(#boneGradient)" />
</g>
<!-- Right Leg -->
<g transform="translate(40, 0)">
<!-- Femur -->
<path d="M-10,0 C-25,5 -30,20 -20,30 L-5,130 C0,140 -20,145 -15,155 L15,155 C20,145 0,140 5,130 L20,30 C25,15 10,0 -10,0 Z" fill="url(#boneGradient)" />
<!-- Tibia & Fibula -->
<g transform="translate(0, 160)">
<path d="M5,0 L5,140 C5,150 -5,150 -5,140 L-10,0 Z" fill="url(#boneGradient)" /> <!-- Tibia -->
<path d="M15,5 L12,135" stroke="url(#boneGradient)" stroke-width="4" stroke-linecap="round" /> <!-- Fibula -->
</g>
<!-- Foot -->
<path d="M10,305 L-15,305 L-20,320 L10,320 Z" fill="url(#boneGradient)" />
</g>
</g>
</g>
<!-- LABELS (Top 5 Largest Bones) -->
<!-- 1. FEMUR -->
<g>
<circle cx="340" cy="460" r="3" class="label-dot" />
<polyline points="340,460 450,460" class="label-line" />
<text x="460" y="465" class="label-text">1. Femur</text>
</g>
<!-- 2. TIBIA -->
<g>
<circle cx="340" cy="630" r="3" class="label-dot" />
<polyline points="340,630 450,630" class="label-line" />
<text x="460" y="635" class="label-text">2. Tibia</text>
</g>
<!-- 3. FIBULA -->
<g>
<circle cx="355" cy="650" r="3" class="label-dot" />
<polyline points="355,650 370,670 450,670" class="label-line" />
<text x="460" y="675" class="label-text">3. Fibula</text>
</g>
<!-- 4. HUMERUS -->
<g>
<circle cx="210" cy="250" r="3" class="label-dot" />
<polyline points="210,250 100,250" class="label-line" />
<text x="10" y="255" class="label-text">4. Humerus</text>
</g>
<!-- 5. ULNA -->
<g>
<circle cx="205" cy="350" r="3" class="label-dot" /> <!-- Inner forearm bone -->
<polyline points="205,350 100,350" class="label-line" />
<text x="40" y="355" class="label-text">5. Ulna</text>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment