Skip to content

Instantly share code, notes, and snippets.

@Ariel-Rodriguez

Ariel-Rodriguez/comparison-reviewed.html

Created April 21, 2026 22:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Ariel-Rodriguez/2613a5146c98109837a6c8352c1d05ba to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Ariel-Rodriguez/2613a5146c98109837a6c8352c1d05ba to your computer and use it in GitHub Desktop.
Download ZIP
Local SVG model compare reviewed HTML
Raw
comparison-reviewed.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>SVG Model Compare Reviewed</title>
<style>
:root {
--bg: #f4efe7;
--ink: #18201c;
--muted: #5d645f;
--panel: rgba(255, 250, 242, 0.9);
--line: rgba(24, 32, 28, 0.14);
--accent: #0f766e;
--warn: #a16207;
--error: #9f1239;
--ok: #166534;
--shadow: 0 24px 60px rgba(24, 32, 28, 0.12);
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;
color: var(--ink);
background:
radial-gradient(circle at top left, rgba(15, 118, 110, 0.18), transparent 24rem),
radial-gradient(circle at top right, rgba(177, 95, 62, 0.12), transparent 20rem),
linear-gradient(180deg, #fcf8f2 0%, var(--bg) 100%);
}
main { width: min(1440px, calc(100vw - 32px)); margin: 0 auto; padding: 32px 0 64px; }
.hero, .card {
background: var(--panel);
border: 1px solid var(--line);
box-shadow: var(--shadow);
}
.hero {
border-radius: 28px;
padding: 28px;
margin-bottom: 28px;
}
.hero h1 { margin: 0 0 8px; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 0.96; }
.hero p { margin: 6px 0; color: var(--muted); }
.prompt-section + .prompt-section { margin-top: 36px; }
.section-heading { margin-bottom: 14px; }
.eyebrow {
display: inline-block;
margin-bottom: 8px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(15, 118, 110, 0.12);
color: var(--accent);
font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.section-heading h2 { margin: 0; font-size: clamp(1.35rem, 2vw, 2rem); }
.section-note { color: var(--muted); margin: 8px 0 0; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
.card {
border-radius: 24px;
padding: 18px;
display: grid;
grid-template-rows: auto 280px auto minmax(0, 1fr);
gap: 14px;
height: 720px;
overflow: hidden;
}
.card-header h3 { margin: 0; font-size: 1.1rem; word-break: break-word; }
.card-header p { margin: 4px 0 0; color: var(--muted); font-size: 0.92rem; word-break: break-word; }
.runtime-summary {
font-size: 0.82rem !important;
color: var(--ink) !important;
opacity: 0.9;
}
.rank {
margin: 0 0 8px;
color: var(--accent);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.badge {
display: inline-block;
border-radius: 999px;
padding: 5px 10px;
font-size: 0.78rem;
font-weight: 600;
}
.badge-ok { background: rgba(22, 101, 52, 0.12); color: var(--ok); }
.badge-warn { background: rgba(161, 98, 7, 0.14); color: var(--warn); }
.badge-error { background: rgba(159, 18, 57, 0.12); color: var(--error); }
.render-frame {
display: flex;
align-items: center;
justify-content: center;
min-height: 0;
height: 100%;
padding: 14px;
border-radius: 18px;
background:
linear-gradient(180deg, rgba(255,255,255,0.96), rgba(246,240,230,0.9)),
repeating-linear-gradient(45deg, rgba(24,32,28,0.025), rgba(24,32,28,0.025) 12px, transparent 12px, transparent 24px);
border: 1px solid rgba(24, 32, 28, 0.08);
overflow: hidden;
}
.render-frame svg {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
flex: 0 0 auto;
}
.render-frame pre {
width: 100%;
height: 100%;
margin: 0;
white-space: pre-wrap;
overflow: auto;
font-family: "SFMono-Regular", "Cascadia Code", monospace;
font-size: 0.8rem;
}
.render-frame-placeholder {
width: 100%;
display: grid;
gap: 10px;
align-content: start;
text-align: left;
height: 100%;
overflow: auto;
}
.render-frame-placeholder strong {
font-size: 0.95rem;
}
.render-frame-placeholder p {
margin: 0;
color: var(--muted);
font-size: 0.9rem;
}
.issue-list {
margin: 0;
padding-left: 18px;
overflow: auto;
min-height: 0;
}
.issue-list li { margin: 6px 0; }
.artifact-links {
margin: 0;
color: var(--muted);
font-size: 0.88rem;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.artifact-links a {
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid rgba(15, 118, 110, 0.25);
}
.artifact-links a:hover { border-bottom-color: currentColor; }
@media (max-width: 720px) {
main { width: min(100vw - 20px, 1440px); padding-top: 16px; }
.hero, .card { border-radius: 20px; }
.grid { grid-template-columns: 1fr; }
.card {
grid-template-rows: auto 220px auto minmax(0, 1fr);
height: 620px;
padding: 16px;
gap: 12px;
}
}
</style>
</head>
<body>
<main>
<section class="hero">
<p>unbiased-full-local-svg-compare</p>
<h1>Local SVG Model Compare Reviewed</h1>
<p>15 exposed Linux text models, one cold raw-lease pass per model.</p>
<p>Generated 2026-04-21T12:19:07.331Z.</p>
<p>Diagnostics file: /home/ariel/.local/state/pi-testing/raw-svg-compare/2026-04-21T11-44-51-644Z-unbiased-full-local-svg-compare/diagnostics.json</p>
</section>
<section class="prompt-section">
<div class="section-heading">
<span class="eyebrow">Exact Prompt 1</span>
<h2>Generate an SVG of a pelican riding a bicycle</h2>
<p class="section-note">Sent exactly as shown here. No extra adjectives or harness-side style hints were added.</p>
</div>
<div class="grid">
<article class="card">
<header class="card-header">
<p class="rank">#1</p>
<h3>Qwen3-Coder-30B-A3B-Instruct-1M-UD-Q4_K_XL.gguf</h3>
<p>Qwen3-Coder-30B-A3B-Instruct-1M-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen3coder_30b_a3b_1m_ud_q4kxl_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.7 · top-k 20 · top-p 0.8 · max 12000</p>
<p>7.2s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="300" xmlns="http://www.w3.org/2000/svg">
<!-- Sky background -->
<rect width="100%" height="100%" fill="skyblue" />
<!-- Bicycle -->
<!-- Wheels -->
<circle cx="150" cy="220" r="40" fill="white" stroke="black" stroke-width="2"/>
<circle cx="150" cy="220" r="30" fill="red" />
<circle cx="250" cy="220" r="40" fill="white" stroke="black" stroke-width="2"/>
<circle cx="250" cy="220" r="30" fill="red" />
<!-- Frame -->
<line x1="150" y1="220" x2="250" y2="220" stroke="black" stroke-width="4"/>
<line x1="150" y1="220" x2="200" y2="170" stroke="black" stroke-width="4"/>
<line x1="200" y1="170" x2="250" y2="220" stroke="black" stroke-width="4"/>
<line x1="200" y1="170" x2="200" y2="130" stroke="black" stroke-width="4"/>
<!-- Handlebars -->
<line x1="200" y1="130" x2="230" y2="150" stroke="yellow" stroke-width="3"/>
<line x1="200" y1="130" x2="230" y2="110" stroke="yellow" stroke-width="3"/>
<!-- Seat -->
<rect x="200" y="170" width="50" height="10" fill="blue" />
<!-- Pedals -->
<circle cx="200" cy="220" r="10" fill="gray" />
<line x1="200" y1="220" x2="210" y2="230" stroke="black" stroke-width="2"/>
<!-- Pelican -->
<!-- Body -->
<ellipse cx="200" cy="180" rx="60" ry="30" fill="white" />
<!-- Wings (extended) -->
<path d="M140,170 Q100,150 120,130 Q140,110 160,130 Q180,150 140,170" fill="white" stroke="black" stroke-width="1"/>
<path d="M260,170 Q300,150 280,130 Q260,110 240,130 Q220,150 260,170" fill="white" stroke="black" stroke-width="1"/>
<!-- Head -->
<circle cx="260" cy="160" r="20" fill="white" />
<!-- Beak -->
<polygon points="280,160 300,155 300,165" fill="orange" />
<!-- Pouch -->
<path d="M240,180 Q250,200 260,180 Q250,170 240,180" fill="white" stroke="black" stroke-width="1"/>
<!-- Eye -->
<circle cx="270" cy="150" r="3" fill="black" />
<!-- Legs -->
<line x1="190" y1="210" x2="190" y2="240" stroke="orange" stroke-width="2"/>
<line x1="210" y1="210" x2="210" y2="240" stroke="orange" stroke-width="2"/>
<!-- Feet -->
<path d="M185,240 Q190,250 195,240" fill="orange"/>
<path d="M205,240 Q210,250 215,240" fill="orange"/>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/pelican.svg">svg</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/pelican-response.json">response json</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#2</p>
<h3>gemma-4-26B-A4B-it-UD-Q4_K_XL_unsloth.gguf</h3>
<p>gemma-4-26B-A4B-it-UD-Q4_K_XL_unsloth.gguf</p>
<p>llamacpp · gemma4_26b_a4b_ud_q4kxl_unsloth_262k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>8.3s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Background Circle -->
<circle cx="200" cy="200" r="180" fill="#e0f7fa" />
<!-- Ground/Road -->
<rect x="50" y="320" width="300" height="10" rx="5" fill="#90a4ae" />
<!-- BICYCLE -->
<g stroke="#37474f" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round">
<!-- Wheels -->
<circle cx="130" cy="300" r="40" stroke="#263238" />
<circle cx="270" cy="300" r="40" stroke="#263238" />
<!-- Spokes (Simplified) -->
<path d="M130 260 v80 M90 300 h80 M270 260 v80 M230 300 h80" stroke-width="2" opacity="0.5"/>
<!-- Frame -->
<path d="M130 300 L190 220 L270 300" /> <!-- Triangle bottom -->
<path d="M190 220 L260 220" /> <!-- Top bar -->
<path d="M190 220 L170 180" /> <!-- Seat post -->
<path d="M270 300 L260 180" /> <!-- Handlebar post -->
<!-- Handlebars -->
<path d="M240 180 h40" stroke-width="8" />
</g>
<!-- PELICAN -->
<g>
<!-- Body -->
<ellipse cx="185" cy="160" rx="35" ry="45" fill="#ffffff" />
<!-- Wing -->
<path d="M160 160 Q140 180 165 200" fill="none" stroke="#cfd8dc" stroke-width="8" stroke-linecap="round" />
<!-- Neck -->
<path d="M205 130 Q220 100 210 70" fill="none" stroke="#ffffff" stroke-width="25" stroke-linecap="round" />
<!-- Head -->
<circle cx="210" cy="65" r="22" fill="#ffffff" />
<!-- Eye -->
<circle cx="220" cy="60" r="3" fill="#263238" />
<!-- The Big Beak (Signature Pelican Feature) -->
<path d="M225 65 Q280 70 285 95 Q230 105 220 85 Z" fill="#ffb74d" />
<path d="M225 65 Q280 70 285 95 Q230 105 220 85 Z" fill="#ffa726" opacity="0.5" />
<!-- Legs/Feet (Pedaling) -->
<path d="M185 205 L185 250 L170 260" fill="none" stroke="#ffb74d" stroke-width="5" stroke-linecap="round" />
<path d="M185 250 L200 260" fill="none" stroke="#ffb74d" stroke-width="5" stroke-linecap="round" />
</g>
<!-- Motion Lines -->
<g stroke="#90a4ae" stroke-width="3" stroke-linecap="round">
<line x1="40" y1="150" x2="70" y2="150" />
<line x1="30" y1="180" x2="60" y2="180" />
<line x1="50" y1="210" x2="75" y2="210" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/pelican.svg">svg</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/pelican-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/pelican-response.json">response json</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#3</p>
<h3>gemma-4-26B-A4B-it-Q5_K_M_bartowski.gguf</h3>
<p>gemma-4-26B-A4B-it-Q5_K_M_bartowski.gguf</p>
<p>llamacpp · gemma4_26b_a4b_q5km_bartowski_96k</p>
<p class="runtime-summary">ctx 98.3k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>9s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Background Circle -->
<circle cx="200" cy="200" r="180" fill="#e0f7fa" />
<!-- Ground/Road -->
<line x1="50" y1="320" x2="350" y2="320" stroke="#546e7a" stroke-width="4" stroke-linecap="round" />
<!-- BICYCLE -->
<g id="bicycle" stroke="#37474f" stroke-width="5" fill="none">
<!-- Wheels -->
<circle cx="130" cy="300" r="40" stroke="#263238" />
<circle cx="270" cy="300" r="40" stroke="#263238" />
<!-- Spokes (Simplified) -->
<path d="M130 260 v80 M90 300 h80 M270 260 v80 M230 300 h80" stroke="#90a4ae" stroke-width="1" />
<!-- Frame -->
<path d="M130 300 L190 220 L270 300" /> <!-- Triangle -->
<path d="M190 220 L240 220" /> <!-- Top bar -->
<path d="M270 300 L240 220" /> <!-- Fork/Handlebar connection -->
<!-- Handlebars -->
<path d="M240 220 L230 190 L250 190" stroke="#263238" />
<!-- Seat -->
<path d="M175 220 h30" stroke="#263238" stroke-width="8" stroke-linecap="round" />
</g>
<!-- PELICAN -->
<g id="pelican">
<!-- Body -->
<ellipse cx="190" cy="170" rx="35" ry="45" fill="white" stroke="#cfd8dc" stroke-width="1" />
<!-- Neck -->
<path d="M210 140 Q230 120 220 90" fill="none" stroke="white" stroke-width="25" stroke-linecap="round" />
<!-- Head -->
<circle cx="220" cy="85" r="22" fill="white" />
<!-- Eye -->
<circle cx="230" cy="80" r="3" fill="black" />
<!-- The Big Beak (Signature Pelican Feature) -->
<path d="M235 85 Q280 85 285 105 Q285 135 235 125 Z" fill="#ffb74d" />
<path d="M235 85 L285 105" stroke="#f57c00" stroke-width="1" fill="none" />
<!-- Wing -->
<path d="M165 160 Q180 140 210 170" fill="none" stroke="#eceff1" stroke-width="8" stroke-linecap="round" />
<!-- Legs (Pedaling) -->
<path d="M190 215 L185 250 L200 270" fill="none" stroke="#ffb74d" stroke-width="4" stroke-linecap="round" />
<path d="M190 215 L205 250 L190 270" fill="none" stroke="#ffb74d" stroke-width="4" stroke-linecap="round" />
</g>
<!-- Motion Lines -->
<g stroke="#90a4ae" stroke-width="2" stroke-linecap="round">
<line x1="40" y1="280" x2="70" y2="280" />
<line x1="30" y1="300" x2="60" y2="300" />
<line x1="45" y1="320" x2="75" y2="320" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/pelican.svg">svg</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/pelican-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/pelican-response.json">response json</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#4</p>
<h3>gemma-4-26B-A4B-it-Claude-Opus-Distill.q4_k_m.gguf</h3>
<p>gemma-4-26B-A4B-it-Claude-Opus-Distill.q4_k_m.gguf</p>
<p>llamacpp · gemma4_26b_a4b_claude_opus_distill_q4km_250k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>7.3s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<!-- Background Circle -->
<circle cx="200" cy="150" r="130" fill="#e0f2ff" />
<!-- Bicycle Frame -->
<g stroke="#333" stroke-width="6" fill="none" stroke-linecap="round" stroke-linejoin="round">
<circle cx="140" cy="220" r="35" /> <!-- Back Wheel -->
<circle cx="280" cy="220" r="35" /> <!-- Front Wheel -->
<path d="M140 220 L200 170 L270 170 L280 220" /> <!-- Frame -->
<path d="M170 170 L185 140" /> <!-- Seat post -->
<path d="M260 170 L280 130" /> <!-- Handlebar post -->
<path d="M270 130 Q285 120 300 135" /> <!-- Handlebars -->
</g>
<!-- Wheels spokes -->
<g stroke="#666" stroke-width="2">
<circle cx="140" cy="220" r="35" stroke-dasharray="4 6" />
<circle cx="280" cy="220" r="35" stroke-dasharray="4 6" />
</g>
<!-- Pelican Body -->
<g fill="#fff" stroke="#333" stroke-width="3">
<!-- Body -->
<ellipse cx="180" cy="150" rx="35" ry="25" />
<!-- Neck -->
<path d="M210 135 Q230 110 210 85 Q200 75 195 85" fill="#fff" />
<!-- Head -->
<circle cx="210" cy="85" r="15" />
<!-- Eye -->
<circle cx="218" cy="80" r="3" fill="#333" />
<!-- Beak -->
<path d="M225 85 L300 105 Q300 125 225 115 Z" fill="#ffcc33" />
<!-- Pouch -->
<path d="M225 115 Q250 145 225 135 Z" fill="#fff" stroke="#333" stroke-width="2" />
</g>
<!-- Wing/Feathers -->
<path d="M165 145 Q150 135 145 155 Q155 170 175 165" fill="#fff" stroke="#333" stroke-width="2" />
<!-- Legs/Pedals -->
<g stroke="#333" stroke-width="4" fill="none">
<path d="M180 170 L190 190 L175 205" /> <!-- Back leg -->
<path d="M190 190 L205 205" /> <!-- Foot -->
<path d="M200 170 L220 185 L235 170" /> <!-- Front leg -->
<path d="M220 185 L230 205" /> <!-- Front foot -->
</g>
<!-- Pedal -->
<rect x="225" y="200" width="15" height="8" fill="#333" />
<path d="M205 185 L225 200" stroke="#333" stroke-width="3" />
<path d="M235 170 L225 200" stroke="#333" stroke-width="3" />
<!-- Seat -->
<ellipse cx="170" cy="140" rx="15" ry="5" fill="#333" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/pelican.svg">svg</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/pelican-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/pelican-response.json">response json</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#5</p>
<h3>DeltaCoder-9B-v1.1-DPO-Q8_0.gguf</h3>
<p>DeltaCoder-9B-v1.1-DPO-Q8_0.gguf</p>
<p>llamacpp · deltacoder_9b_q8_0_262k</p>
<p class="runtime-summary">ctx 262.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>12.1s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="300" height="200" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="#e0f7fa" />
<!-- Bicycle Frame -->
<path d="M 80 140 L 180 140 L 180 100 L 120 100 Z" fill="#d32f2f" stroke="#b71c1c" stroke-width="2"/>
<path d="M 180 100 L 220 100 L 220 140 L 180 140 Z" fill="#d32f2f" stroke="#b71c1c" stroke-width="2"/>
<line x1="120" y1="100" x2="120" y2="140" stroke="#d32f2f" stroke-width="2"/>
<line x1="180" y1="100" x2="180" y2="140" stroke="#d32f2f" stroke-width="2"/>
<!-- Wheels -->
<circle cx="120" cy="140" r="18" fill="none" stroke="#333" stroke-width="3"/>
<circle cx="220" cy="140" r="18" fill="none" stroke="#333" stroke-width="3"/>
<circle cx="120" cy="140" r="8" fill="#555" />
<circle cx="220" cy="140" r="8" fill="#555" />
<!-- Wheel Spokes (Simplified) -->
<line x1="120" y1="122" x2="120" y2="158" stroke="#888" stroke-width="1"/>
<line x1="102" y1="140" x2="138" y2="140" stroke="#888" stroke-width="1"/>
<line x1="220" y1="122" x2="220" y2="158" stroke="#888" stroke-width="1"/>
<line x1="202" y1="140" x2="238" y2="140" stroke="#888" stroke-width="1"/>
<!-- Pelican Body -->
<ellipse cx="160" cy="100" rx="35" ry="25" fill="#ffcc80" stroke="#e65100" stroke-width="2"/>
<!-- Pelican Head -->
<circle cx="200" cy="70" r="20" fill="#ffcc80" stroke="#e65100" stroke-width="2"/>
<!-- Pelican Beak -->
<path d="M 210 65 L 250 75 L 210 85 Z" fill="#fff59d" stroke="#e65100" stroke-width="2"/>
<path d="M 210 65 L 250 75 L 210 85 Z" fill="#ff8a65" stroke="none" opacity="0.3"/> <!-- Lip -->
<!-- Pelican Eye -->
<circle cx="205" cy="65" r="2" fill="black"/>
<!-- Pelican Wings (Flying/Steering) -->
<path d="M 150 100 Q 180 80 200 90" stroke="#ffcc80" stroke-width="10" stroke-linecap="round" fill="none"/>
<!-- Legs -->
<path d="M 155 120 L 155 160" stroke="#ffcc80" stroke-width="4" stroke-linecap="round"/>
<path d="M 165 120 L 165 160" stroke="#ffcc80" stroke-width="4" stroke-linecap="round"/>
</svg>
</div>
<p class="artifact-links"><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/pelican.svg">svg</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/pelican-raw.txt">raw text</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/pelican-response.json">response json</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#6</p>
<h3>gemma-4-E4B-it-Q8_0.gguf</h3>
<p>gemma-4-E4B-it-Q8_0.gguf</p>
<p>vllm · gemma4_e4b_vllm_128k</p>
<p class="runtime-summary">ctx 128k · admit 57.8k · gpu 0.92 · max 2048</p>
<p>13.2s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="600" height="400" viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Simple definition for the pelican's body -->
<path id="pelicanBody" d="M 100 180 C 80 100, 250 50, 300 150 C 280 250, 100 280, 100 180 Z"/>
<!-- Pelican's head/beak -->
<path id="pelicanHead" d="M 280 120 L 330 90 L 350 120 Z"/>
</defs>
<!-- 1. The Bicycle (Simplified) -->
<!-- Wheels -->
<circle cx="180" cy="320" r="40" fill="#333"/>
<circle cx="400" cy="320" r="40" fill="#333"/>
<!-- Frame -->
<line x1="180" y1="320" x2="300" y2="200" stroke="#555" stroke-width="8"/>
<line x1="400" y1="320" x2="300" y2="200" stroke="#555" stroke-width="8"/>
<line x1="180" y1="320" x2="400" y2="320" stroke="#555" stroke-width="10"/>
<!-- Handlebars -->
<line x1="300" y1="200" x2="250" y2="160" stroke="#555" stroke-width="6"/>
<line x1="300" y1="200" x2="350" y2="160" stroke="#555" stroke-width="6"/>
<!-- 2. The Pelican (Mounted on the seat area) -->
<!-- Body (Using the defined path) -->
<use href="#pelicanBody" fill="#FFD700" stroke="#CCAA00" stroke-width="3" transform="translate(100, -30) scale(1.2)"/>
<!-- Head and Beak -->
<use href="#pelicanHead" fill="#FFD700" stroke="#CCAA00" stroke-width="3" transform="translate(260, -40)"/>
<!-- Pouch (The signature feature) -->
<ellipse cx="300" cy="190" rx="30" ry="20" fill="#C0C0C0" stroke="#808080" stroke-width="2"/>
<!-- Legs (Simple stilts for riding) -->
<rect x="150" y="280" width="15" height="40" fill="#8B4513"/>
<rect x="350" y="280" width="15" height="40" fill="#8B4513"/>
<!-- 3. Ground/Path -->
<rect x="0" y="360" width="600" height="40" fill="#8FBC8F"/>
<!-- Text Label -->
<text x="300" y="40" font-family="Comic Sans MS, cursive" font-size="24" fill="#000" text-anchor="middle">The Pelican Cyclist</text>
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-e4b-it-q8-0-gguf/pelican.svg">svg</a><a href="./gemma-4-e4b-it-q8-0-gguf/pelican-raw.txt">raw text</a><a href="./gemma-4-e4b-it-q8-0-gguf/pelican-response.json">response json</a><a href="./gemma-4-e4b-it-q8-0-gguf/runtime-params.json">vLLM params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#7</p>
<h3>Qwen3.5-35B-A3B-UD-Q4_K_XL.gguf</h3>
<p>Qwen3.5-35B-A3B-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen35_35b_a3b_ud_q4kxl_80k</p>
<p class="runtime-summary">ctx 81.9k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>20.4s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Gradient for the beak -->
<linearGradient id="beakGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFD700;stop-opacity:1" />
<stop offset="50%" style="stop-color:#FFA500;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFD700;stop-opacity:1" />
</linearGradient>
<!-- Gradient for the bike frame -->
<linearGradient id="frameGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#D32F2F;stop-opacity:1" />
<stop offset="100%" style="stop-color:#B71C1C;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Background Circle (Sun) -->
<circle cx="250" cy="250" r="240" fill="#E1F5FE" />
<circle cx="380" cy="120" r="30" fill="#FFF9C4" opacity="0.6" />
<!-- === THE BICYCLE === -->
<g id="bicycle">
<!-- Rear Wheel -->
<circle cx="150" cy="350" r="60" fill="none" stroke="#424242" stroke-width="8" />
<circle cx="150" cy="350" r="55" fill="none" stroke="#757575" stroke-width="2" />
<!-- Spokes -->
<line x1="150" y1="290" x2="150" y2="410" stroke="#757575" stroke-width="2" />
<line x1="90" y1="350" x2="210" y2="350" stroke="#757575" stroke-width="2" />
<!-- Front Wheel -->
<circle cx="350" cy="350" r="60" fill="none" stroke="#424242" stroke-width="8" />
<circle cx="350" cy="350" r="55" fill="none" stroke="#757575" stroke-width="2" />
<!-- Spokes -->
<line x1="350" y1="290" x2="350" y2="410" stroke="#757575" stroke-width="2" />
<line x1="290" y1="350" x2="410" y2="350" stroke="#757575" stroke-width="2" />
<!-- Bike Frame (Red) -->
<path d="M150 350 L200 250 L280 250 L350 350 L300 350 L230 280"
fill="none" stroke="url(#frameGradient)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Handlebars -->
<path d="M350 350 L350 290 L380 280" fill="none" stroke="#424242" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="370" y="275" width="20" height="10" rx="2" fill="#333" />
<!-- Seat -->
<path d="M280 250 L260 240 L240 240" fill="none" stroke="#333" stroke-width="4" />
<rect x="245" y="235" width="20" height="10" rx="2" fill="#333" />
<!-- Pedals -->
<circle cx="230" cy="280" r="10" fill="#999" stroke="#333" stroke-width="2"/>
<rect x="220" y="275" width="20" height="10" fill="#333" rx="2"/>
<rect x="220" y="285" width="20" height="10" fill="#333" rx="2"/>
</g>
<!-- === THE PELICAN === -->
<g id="pelican">
<!-- Back Leg (Left) -->
<path d="M200 280 L200 320 L220 330" fill="none" stroke="#FF9800" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M210 330 L230 330" fill="none" stroke="#FF9800" stroke-width="12" stroke-linecap="round"/>
<!-- Body (Main White Fluff) -->
<ellipse cx="220" cy="280" rx="70" ry="60" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="2"/>
<!-- Front Leg (Right) -->
<path d="M240 280 L250 310 L235 325" fill="none" stroke="#FF9800" stroke-width="12" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M235 325 L250 325" fill="none" stroke="#FF9800" stroke-width="12" stroke-linecap="round"/>
<!-- Wing (Holding Handlebars) -->
<path d="M240 260 Q280 240 350 290" fill="none" stroke="#FFFFFF" stroke-width="15" stroke-linecap="round"/>
<!-- Wing Tip (Hand) -->
<circle cx="350" cy="290" r="8" fill="#FF9800" />
<!-- Neck -->
<path d="M230 240 Q250 220 260 200" fill="none" stroke="#FFFFFF" stroke-width="35" stroke-linecap="round"/>
<path d="M230 240 Q250 220 260 200" fill="none" stroke="#E0E0E0" stroke-width="5" stroke-linecap="round" stroke-dasharray="5,5"/>
<!-- Head -->
<circle cx="270" cy="190" r="35" fill="#FFFFFF" stroke="#E0E0E0" stroke-width="2"/>
<!-- Eye -->
<circle cx="275" cy="180" r="4" fill="#000"/>
<circle cx="277" cy="178" r="1.5" fill="#FFF"/>
<!-- Tuft of Hair -->
<path d="M270 160 Q265 150 270 145 Q275 150 275 160" fill="#FFF" stroke="#DDD" stroke-width="1"/>
<!-- Beak (Upper) -->
<path d="M300 190 Q380 190 390 210 L390 220 Q380 240 300 225" fill="url(#beakGradient)" stroke="#E65100" stroke-width="1"/>
<!-- Beak (Pouch/Lower) -->
<path d="M300 225 Q350 250 380 230 L385 220 Q355 210 300 225" fill="#FFCC80" stroke="#E65100" stroke-width="1" opacity="0.8"/>
<!-- Smile -->
<path d="M305 230 Q315 235 325 230" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round"/>
</g>
<!-- Shadow on the ground -->
<ellipse cx="250" cy="415" rx="120" ry="15" fill="#000" opacity="0.1" />
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/pelican.svg">svg</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/pelican-response.json">response json</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#8</p>
<h3>Qwen3.6-35B-A3B-UD-Q4_K_XL.gguf</h3>
<p>Qwen3.6-35B-A3B-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen36_35b_a3b_ud_q4kxl_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>10s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="400" height="400" fill="#e0f7fa" />
<!-- Ground Shadow -->
<ellipse cx="200" cy="360" rx="160" ry="10" fill="#000000" opacity="0.1" />
<!-- The Bicycle -->
<g stroke="#333" stroke-width="4" fill="none" stroke-linecap="round" stroke-linejoin="round">
<!-- Back Wheel -->
<circle cx="100" cy="300" r="50" />
<line x1="100" y1="300" x2="100" y2="250" />
<line x1="100" y1="300" x2="145" y2="330" />
<line x1="100" y1="300" x2="55" y2="330" />
<!-- Front Wheel -->
<circle cx="300" cy="300" r="50" />
<line x1="300" y1="300" x2="300" y2="250" />
<line x1="300" y1="300" x2="345" y2="330" />
<line x1="300" y1="300" x2="255" y2="330" />
<!-- Frame (Red) -->
<path d="M100 300 L180 300 L140 220 L100 300" fill="#e53935" stroke-width="5" />
<path d="M180 300 L270 210 L140 220" fill="none" stroke="#e53935" stroke-width="5" />
<line x1="270" y1="210" x2="300" y2="300" stroke="#e53935" stroke-width="5" />
<!-- Handlebars -->
<path d="M270 210 L280 180 L300 180" fill="none" stroke="#333" stroke-width="4" />
<!-- Seat Post & Seat -->
<line x1="140" y1="220" x2="135" y2="190" stroke="#333" stroke-width="4" />
<path d="M120 190 Q135 180 150 190" fill="#333" stroke="none" />
<!-- Pedals/Crank -->
<circle cx="180" cy="300" r="10" fill="#333" />
<line x1="180" y1="300" x2="160" y2="320" stroke="#333" stroke-width="4" />
<line x1="180" y1="300" x2="200" y2="280" stroke="#333" stroke-width="4" />
</g>
<!-- The Pelican -->
<g>
<!-- Legs (Yellow/Orange) -->
<path d="M160 240 L160 280 L155 320" fill="none" stroke="#ff9800" stroke-width="6" stroke-linecap="round" />
<path d="M160 280 L175 300" fill="none" stroke="#ff9800" stroke-width="6" stroke-linecap="round" />
<!-- Feet -->
<path d="M140 320 L160 320 L150 330 Z" fill="#ff9800" /> <!-- Back foot -->
<path d="M165 305 L185 305 L175 315 Z" fill="#ff9800" /> <!-- Front foot -->
<!-- Body (White) -->
<ellipse cx="150" cy="230" rx="45" ry="55" fill="#ffffff" stroke="#333" stroke-width="2" />
<!-- Wing (White) -->
<path d="M120 210 Q160 210 180 240 Q150 260 120 210" fill="#ffffff" stroke="#333" stroke-width="2" />
<!-- Neck (White) -->
<path d="M180 200 Q200 180 200 150 L220 150 Q200 180 210 200" fill="#ffffff" stroke="#333" stroke-width="2" />
<!-- Head (White) -->
<circle cx="210" cy="140" r="25" fill="#ffffff" stroke="#333" stroke-width="2" />
<!-- Eye -->
<circle cx="215" cy="135" r="4" fill="black" />
<circle cx="216" cy="134" r="1.5" fill="white" />
<!-- Beak Base (Yellow) -->
<path d="M230 140 L330 160 L230 165 Z" fill="#ffca28" stroke="#333" stroke-width="2" />
<!-- Pouch (Yellow/Orange) -->
<path d="M230 165 L330 160 Q320 210 230 165 Z" fill="#ff9800" stroke="#333" stroke-width="2" />
<!-- Beak Tip -->
<path d="M330 160 L340 162 L330 164 Z" fill="#333" stroke="none" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/pelican.svg">svg</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/pelican-response.json">response json</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#9</p>
<h3>GLM-4.7-Flash.Q5_K_M.gguf</h3>
<p>GLM-4.7-Flash.Q5_K_M.gguf</p>
<p>llamacpp · glm47_flash_q5km_32k</p>
<p class="runtime-summary">ctx 32.8k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>23.2s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="600" height="500" viewBox="0 0 600 500" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Gradients for a modern look -->
<linearGradient id="bikeGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#475569;stop-opacity:1" />
<stop offset="100%" style="stop-color:#334155;stop-opacity:1" />
</linearGradient>
<linearGradient id="pelicanBody" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#F8FAFC;stop-opacity:1" />
<stop offset="100%" style="stop-color:#E2E8F0;stop-opacity:1" />
</linearGradient>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="2" dy="4" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.2" />
</feComponentTransfer>
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<!-- Background -->
<circle cx="300" cy="250" r="220" fill="#F1F5F9" />
<!-- Bicycle Group -->
<g transform="translate(50, 50)" id="bicycle">
<!-- Back Wheel -->
<circle cx="150" cy="280" r="80" fill="none" stroke="url(#bikeGradient)" stroke-width="8" />
<circle cx="150" cy="280" r="10" fill="#334155" />
<!-- Spokes -->
<g stroke="#94A3B8" stroke-width="2">
<line x1="150" y1="200" x2="150" y2="360" />
<line x1="70" y1="280" x2="230" y2="280" />
<line x1="92" y1="222" x2="208" y2="338" />
<line x1="208" y1="222" x2="92" y2="338" />
</g>
<!-- Front Wheel -->
<circle cx="410" cy="280" r="80" fill="none" stroke="url(#bikeGradient)" stroke-width="8" />
<circle cx="410" cy="280" r="10" fill="#334155" />
<!-- Spokes -->
<g stroke="#94A3B8" stroke-width="2">
<line x1="410" y1="200" x2="410" y2="360" />
<line x1="330" y1="280" x2="490" y2="280" />
<line x1="352" y1="222" x2="468" y2="338" />
<line x1="468" y1="222" x2="352" y2="338" />
</g>
<!-- Frame -->
<path d="M 150 280 L 280 180 L 410 280 L 330 280 L 280 180" fill="none" stroke="url(#bikeGradient)" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />
<!-- Seat Post -->
<line x1="280" y1="180" x2="280" y2="140" stroke="url(#bikeGradient)" stroke-width="6" stroke-linecap="round" />
<!-- Seat -->
<path d="M 260 140 Q 280 120 300 140" fill="none" stroke="url(#bikeGradient)" stroke-width="6" stroke-linecap="round" />
<!-- Handlebars -->
<path d="M 330 280 Q 380 250 330 220" fill="none" stroke="url(#bikeGradient)" stroke-width="6" stroke-linecap="round" />
<line x1="330" y1="220" x2="330" y2="280" stroke="url(#bikeGradient)" stroke-width="6" stroke-linejoin="round" />
<!-- Basket -->
<g transform="translate(410, 220)">
<path d="M -30 0 L -25 35 Q 0 40 25 35 L 30 0" fill="#D97706" stroke="#B45309" stroke-width="2" />
<path d="M -30 0 L 30 0" stroke="#B45309" stroke-width="2" />
<line x1="-25" y1="0" x2="-20" y2="30" stroke="#B45309" stroke-width="1" />
<line x1="-15" y1="0" x2="-10" y2="30" stroke="#B45309" stroke-width="1" />
<line x1="-5" y1="0" x2="0" y2="30" stroke="#B45309" stroke-width="1" />
<line x1="10" y1="0" x2="15" y2="30" stroke="#B45309" stroke-width="1" />
<line x1="20" y1="0" x2="25" y2="30" stroke="#B45309" stroke-width="1" />
</g>
</g>
<!-- Pelican Group -->
<g transform="translate(150, 100)" filter="url(#softShadow)">
<!-- Backpack -->
<path d="M 40 80 L 60 80 L 65 140 L 35 140 Z" fill="#334155" />
<path d="M 30 80 L 70 80 L 75 70 L 25 70 Z" fill="#475569" />
<!-- Body -->
<ellipse cx="120" cy="200" rx="90" ry="70" fill="url(#pelicanBody)" />
<!-- Wing (Gripping handlebar) -->
<path d="M 80 160 Q 40 180 50 220 Q 60 250 100 240 Q 140 230 130 190 Q 120 160 80 160" fill="#CBD5E1" />
<path d="M 80 160 Q 40 180 50 220" stroke="#94A3B8" stroke-width="2" fill="none"/>
<!-- Neck and Head -->
<path d="M 150 160 Q 180 140 190 180 Q 200 220 180 250 Q 170 260 160 260" fill="url(#pelicanBody)" />
<!-- Head Detail -->
<circle cx="190" cy="180" r="35" fill="url(#pelicanBody)" />
<!-- Eye -->
<circle cx="205" cy="170" r="5" fill="#1E293B" />
<circle cx="207" cy="168" r="2" fill="white" />
<!-- Beak -->
<path d="M 205 180 L 290 185 L 290 195 L 205 190 Z" fill="#F59E0B" />
<path d="M 290 185 L 290 195 L 270 190 Z" fill="#D97706" />
<!-- The Fish in Beak -->
<g transform="translate(250, 188)">
<path d="M 0 0 Q 10 -5 20 0 Q 10 5 0 0" fill="#EF4444" />
<path d="M 0 0 Q 10 -5 20 0" stroke="#B91C1C" stroke-width="1" fill="none" />
<path d="M 5 0 L 15 0" stroke="#B91C1C" stroke-width="1" />
</g>
<!-- Pouch (Beak Bag) -->
<path d="M 205 190 Q 240 190 240 230 Q 240 260 210 260 L 205 190" fill="#FCD34D" opacity="0.8" />
<path d="M 205 190 Q 225 190 225 230" stroke="#F59E0B" stroke-width="1" fill="none" />
<!-- Legs (Pantaloons) -->
<path d="M 100 260 L 120 280" stroke="white" stroke-width="8" stroke-linecap="round" />
<path d="M 140 260 L 160 280" stroke="white" stroke-width="8" stroke-linecap="round" />
<!-- Shoes -->
<ellipse cx="125" cy="285" rx="10" ry="6" fill="#1E293B" />
<ellipse cx="155" cy="285" rx="10" ry="6" fill="#1E293B" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./glm-4-7-flash-q5-k-m-gguf/pelican.svg">svg</a><a href="./glm-4-7-flash-q5-k-m-gguf/pelican-raw.txt">raw text</a><a href="./glm-4-7-flash-q5-k-m-gguf/pelican-response.json">response json</a><a href="./glm-4-7-flash-q5-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#10</p>
<h3>omnicoder-9b-q8_0.gguf</h3>
<p>omnicoder-9b-q8_0.gguf</p>
<p>llamacpp · omnicoder_9b_q8_0_250k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 40 · top-p 0.95 · max 12000</p>
<p>38.6s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300">
<defs>
<style>
.sky { fill: #e0f7fa; }
.grass { fill: #81c784; }
.ground { fill: #66bb6a; }
.bike-frame { fill: none; stroke: #37474f; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; }
.bike-wheel { fill: #eceff1; stroke: #37474f; stroke-width: 5; stroke-linecap: round; }
.tire { fill: none; stroke: #263238; stroke-width: 3; stroke-dasharray: 2, 2; }
.pelican-body { fill: #ffffff; stroke: #b0bec5; stroke-width: 2; }
.pelican-wing { fill: #e1f5fe; stroke: #90caf9; stroke-width: 2; }
.pelican-neck { fill: #ffffff; stroke: #b0bec5; stroke-width: 2; }
.pelican-head { fill: #ffffff; stroke: #b0bec5; stroke-width: 2; }
.pelican-beak-top { fill: #ffab40; stroke: #e65100; stroke-width: 2; }
.pelican-pouch { fill: #ff7043; stroke: #d84315; stroke-width: 2; }
.pelican-eye { fill: #000000; }
.pelican-foot { fill: #ffcc80; stroke: #e65100; stroke-width: 2; }
.pedal { fill: #424242; }
</style>
</defs>
<!-- Background -->
<rect width="400" height="300" class="sky" />
<!-- Distant Hills -->
<path d="M0 280 Q100 250 200 280 T400 280 V300 H0 Z" class="grass" />
<rect y="275" width="400" height="25" class="ground" />
<!-- Sun -->
<circle cx="360" cy="30" r="30" fill="#ffeb3b" opacity="0.8" />
<!-- Bicycle Group -->
<g transform="translate(50, 180)">
<!-- Back Wheel -->
<circle cx="60" cy="140" r="40" class="bike-wheel" />
<path d="M20 140 L60 140 M60 100 L60 180 M100 140 L20 140" stroke="#37474f" stroke-width="2" />
<!-- Front Wheel -->
<circle cx="160" cy="140" r="40" class="bike-wheel" />
<path d="M140 140 L180 140 M180 100 L180 180 M220 140 L140 140" stroke="#37474f" stroke-width="2" />
<!-- Frame (Main Triangle) -->
<path d="M60 140 L120 140 L120 90 L60 140 Z" class="bike-frame" />
<path d="M120 140 L120 90 L180 90 L180 140 L160 140 Z" class="bike-frame" />
<!-- Seat Post -->
<line x1="120" y1="90" x2="120" y2="60" class="bike-frame" stroke-width="5" />
<path d="M115 60 Q120 70 125 60" fill="#37474f" />
<!-- Handlebars -->
<path d="M180 90 L210 90 L220 70 L210 50" class="bike-frame" stroke-width="4" fill="none"/>
<circle cx="220" cy="70" r="3" fill="#37474f" />
<!-- Pedals -->
<rect x="120" y="135" width="10" height="10" transform="rotate(60 125 140)" class="pedal" />
<rect x="120" y="135" width="10" height="10" transform="rotate(-60 125 140)" class="pedal" />
</g>
<!-- Pelican Group (Riding the Bike) -->
<g transform="translate(50, 180)">
<!-- Tail -->
<path d="M40 140 L20 160 L40 160 Z" fill="#ffffff" stroke="#b0bec5" stroke-width="2"/>
<!-- Body -->
<ellipse cx="80" cy="130" rx="50" ry="45" class="pelican-body" />
<!-- Wing (Left) - Flapping slightly back -->
<path d="M60 130 Q40 120 30 140 Q40 160 60 145 Z" class="pelican-wing" />
<!-- Wing (Right) - Tucked in -->
<ellipse cx="90" cy="130" rx="25" ry="15" transform="rotate(-20 90 130)" class="pelican-wing" opacity="0.8" />
<!-- Neck (Curved) -->
<path d="M110 100 Q130 60 140 50" fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round"/>
<!-- Head -->
<circle cx="145" cy="45" r="20" class="pelican-head" />
<!-- Eye -->
<circle cx="148" cy="42" r="3" class="pelican-eye" />
<!-- Beak Top -->
<path d="M150 45 L210 30 Q210 45 160 55 Z" class="pelican-beak-top" />
<!-- Pouch (Bottom Beak) -->
<path d="M150 58 Q170 75 210 60 Q190 80 160 65 Z" class="pelican-pouch" />
<!-- Feet on Pedals -->
<!-- Left Foot -->
<g transform="translate(125, 140)">
<path d="M-10 -5 Q-5 -10 0 -5 Q-5 0 0 5 Z" class="pelican-foot" />
<path d="M-8 -3 L-12 0" stroke="#e65100" stroke-width="2" />
</g>
<!-- Right Foot -->
<g transform="translate(125, 140)">
<path d="M10 -5 Q15 -10 20 -5 Q15 0 20 5 Z" class="pelican-foot" />
<path d="M12 -3 L8 0" stroke="#e65100" stroke-width="2" />
</g>
<!-- Legs (Behind pedals) -->
<path d="M90 140 Q115 140 120 145" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
<path d="M130 140 Q105 140 100 145" fill="none" stroke="#ffffff" stroke-width="8" stroke-linecap="round"/>
</g>
<!-- Decorative Elements -->
<text x="200" y="320" font-family="Arial" font-size="20" text-anchor="middle" fill="#555" opacity="0.7">Pelican Cyclist</text>
</svg>
</div>
<p class="artifact-links"><a href="./omnicoder-9b-q8-0-gguf/pelican.svg">svg</a><a href="./omnicoder-9b-q8-0-gguf/pelican-raw.txt">raw text</a><a href="./omnicoder-9b-q8-0-gguf/pelican-response.json">response json</a><a href="./omnicoder-9b-q8-0-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#11</p>
<h3>gemma-4-31B-it-Claude-Opus-Distill.q4_k_m.gguf</h3>
<p>gemma-4-31B-it-Claude-Opus-Distill.q4_k_m.gguf</p>
<p>llamacpp · gemma4_31b_claude_opus_distill_q4km_220k</p>
<p class="runtime-summary">ctx 220k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>32.1s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background Circle -->
<circle cx="250" cy="200" r="180" fill="#e0f7fa" />
<!-- Bicycle Wheels -->
<g stroke="#333" stroke-width="8" fill="none">
<circle cx="170" cy="300" r="45" />
<circle cx="330" cy="300" r="45" />
</g>
<!-- Wheel Spokes (simplified) -->
<g stroke="#999" stroke-width="2">
<line x1="170" y1="255" x2="170" y2="345" />
<line x1="125" y1="300" x2="215" y2="300" />
<line x1="330" y1="255" x2="330" y2="345" />
<line x1="285" y1="300" x2="375" y2="300" />
</g>
<!-- Bicycle Frame -->
<path d="M170 300 L230 300 L280 230 L330 300" fill="none" stroke="#d32f2f" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
<path d="M230 300 L210 220" fill="none" stroke="#d32f2f" stroke-width="10" stroke-linecap="round" />
<!-- Handlebars -->
<path d="M280 230 L260 210 L240 210" fill="none" stroke="#555" stroke-width="8" stroke-linecap="round" />
<!-- Seat -->
<rect x="200" y="215" width="30" height="10" rx="5" fill="#333" />
<!-- Pelican Body -->
<ellipse cx="220" cy="180" rx="40" ry="50" fill="#f5f5f5" stroke="#ccc" stroke-width="2" />
<!-- Pelican Neck -->
<path d="M240 160 Q270 160 270 120" fill="none" stroke="#f5f5f5" stroke-width="25" stroke-linecap="round" />
<!-- Pelican Head -->
<circle cx="270" cy="110" r="25" fill="#f5f5f5" />
<!-- The Big Beak -->
<path d="M285 105 Q330 105 330 130 Q330 155 270 145 Z" fill="#ffb300" stroke="#e65100" stroke-width="2" />
<path d="M285 105 L330 105" stroke="#e65100" stroke-width="2" />
<!-- Eye -->
<circle cx="280" cy="100" r="3" fill="black" />
<!-- Wing (holding handlebars) -->
<path d="M230 180 Q260 180 260 210" fill="none" stroke="#f5f5f5" stroke-width="15" stroke-linecap="round" />
<path d="M260 210 L250 210" stroke="#333" stroke-width="2" />
<!-- Leg (pedaling) -->
<path d="M220 230 L230 270 L245 300" fill="none" stroke="#ffb300" stroke-width="8" stroke-linecap="round" />
<!-- Foot/Pedal -->
<rect x="235" y="295" width="20" height="8" rx="4" fill="#ffb300" />
<!-- Ground Line -->
<line x1="100" y1="345" x2="400" y2="345" stroke="#81c784" stroke-width="6" stroke-linecap="round" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/pelican.svg">svg</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/pelican-raw.txt">raw text</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/pelican-response.json">response json</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#12</p>
<h3>omnicoder-9b</h3>
<p>omnicoder-9b</p>
<p>vllm · omnicoder_9b_vllm_64k_text_fp8</p>
<p class="runtime-summary">ctx 65.5k · seqs 1 · gpu 0.92 · max 12000</p>
<p>65.7s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150" width="200" height="150">
<!-- Ground -->
<path d="M -10 140 L 210 140" fill="none" stroke="#333" stroke-width="2"/>
<!-- Pelican Body -->
<g transform="translate(120, 60)">
<!-- White body -->
<ellipse cx="0" cy="-20" rx="25" ry="25" fill="#FFF" stroke="#CCC" stroke-width="2"/>
<!-- Neck -->
<ellipse cx="0" cy="-45" rx="8" ry="15" fill="#FFF" stroke="#CCC" stroke-width="2"/>
<!-- Head -->
<circle cx="-8" cy="-65" r="12" fill="#FFF" stroke="#CCC" stroke-width="2"/>
<!-- Beak -->
<path d="M -12 -62 L 8 -62 L 0 -30 Z" fill="#FFD700" stroke="#DAA520" stroke-width="1"/>
<!-- Eye -->
<circle cx="-10" cy="-66" r="2" fill="#000"/>
<!-- Wings -->
<path d="M -8 -25 Q 20 -45 15 -30 L 10 -45 L 0 -40 Z" fill="#FFF" stroke="#CCC" stroke-width="2"/>
</g>
<!-- Pelican Tail/Feathers -->
<path d="M 105 95 Q 110 110 90 115" stroke="#FFF" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M 100 92 Q 105 105 85 110" stroke="#DDD" stroke-width="3" fill="none" stroke-linecap="round"/>
<!-- Bicycle Group -->
<g>
<!-- Front Fork -->
<line x1="113" y1="66" x2="118" y2="110" stroke="#555" stroke-width="4" stroke-linecap="round"/>
<!-- Front Wheel Hub -->
<circle cx="118" cy="110" r="6" fill="#555"/>
<!-- Back Fork -->
<line x1="90" y1="63" x2="95" y2="110" stroke="#555" stroke-width="4" stroke-linecap="round"/>
<!-- Seat Post -->
<rect x="95" y="50" width="4" height="45" fill="#777"/>
<!-- Saddle/Seat -->
<ellipse cx="97" cy="52" rx="6" ry="4" fill="#333"/>
<!-- Handlebar -->
<path d="M 113 66 L 125 58" stroke="#555" stroke-width="4" stroke-linecap="round"/>
<circle cx="125" cy="58" r="3" fill="#333"/>
<!-- Frame -->
<path d="M 113 66 L 90 63 L 95 110 L 118 110 L 118 115 L 113 115" fill="none" stroke="#555" stroke-width="3"/>
<path d="M 90 63 L 122 60" stroke="#555" stroke-width="2"/>
<!-- Pedal Crank -->
<line x1="97" y1="70" x2="97" y2="90" stroke="#555" stroke-width="4"/>
<circle cx="97" cy="80" r="3" fill="#555"/>
<!-- Pedals -->
<circle cx="90" cy="83" r="5" fill="#333"/>
<circle cx="104" cy="83" r="5" fill="#333"/>
<!-- Gears/Cogs -->
<circle cx="97" cy="110" r="6" fill="#555"/>
<circle cx="118" cy="110" r="6" fill="#555"/>
<!-- Spokes -->
<g stroke="#888" stroke-width="1">
<line x1="112" y1="110" x2="116" y2="110"/>
<line x1="112" y1="105" x2="116" y2="110"/>
<line x1="112" y1="115" x2="116" y2="110"/>
<line x1="112" y1="100" x2="116" y2="110"/>
<line x1="112" y1="110" x2="112" y2="105"/>
<line x1="118" y1="115" x2="118" y2="110"/>
<line x1="118" y1="105" x2="118" y2="110"/>
<line x1="122" y1="110" x2="118" y2="110"/>
<line x1="112" y1="110" x2="118" y2="110"/>
</g>
<!-- Rear Wheel Spokes -->
<g stroke="#888" stroke-width="1">
<line x1="92" y1="110" x2="96" y2="110"/>
<line x1="92" y1="105" x2="96" y2="110"/>
<line x1="92" y1="115" x2="96" y2="110"/>
<line x1="92" y1="100" x2="96" y2="110"/>
<line x1="92" y1="110" x2="92" y2="105"/>
<line x1="88" y1="110" x2="92" y2="110"/>
<line x1="88" y1="105" x2="92" y2="110"/>
<line x1="88" y1="115" x2="92" y2="110"/>
<line x1="88" y1="100" x2="92" y2="110"/>
<line x1="88" y1="110" x2="92" y2="110"/>
</g>
<!-- Rear Wheel -->
<circle cx="118" cy="110" r="22" fill="none" stroke="#888" stroke-width="3"/>
<rect x="95" y="98" width="44" height="24" fill="none" stroke="#888" stroke-width="3"/>
<!-- Front Wheel -->
<circle cx="95" cy="110" r="22" fill="none" stroke="#888" stroke-width="3"/>
<rect x="72" y="98" width="46" height="24" fill="none" stroke="#888" stroke-width="3"/>
<!-- Chain -->
<path d="M 97 110 L 118 110" stroke="#666" stroke-width="3"/>
</g>
<!-- Motion Blur Effect -->
<g opacity="0.5">
<path d="M 90 115 L 95 118 L 115 118 L 120 115" fill="none" stroke="#888" stroke-width="2"/>
</g>
</svg>
</div>
<p class="artifact-links"><a href="./omnicoder-9b/pelican.svg">svg</a><a href="./omnicoder-9b/pelican-raw.txt">raw text</a><a href="./omnicoder-9b/pelican-response.json">response json</a><a href="./omnicoder-9b/runtime-params.json">vLLM params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#13</p>
<h3>Qwen3.5-35B-A3B-UD-Q5_K_XL.gguf</h3>
<p>Qwen3.5-35B-A3B-UD-Q5_K_XL.gguf</p>
<p>llamacpp · qwen35_35b_a3b_ud_q5kxl_128k_partial_offload</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit off · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>63.7s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background (Optional, transparent by default) -->
<rect width="400" height="400" fill="#f0f8ff"/>
<!-- BICYCLE BACK WHEEL -->
<circle cx="100" cy="280" r="45" fill="none" stroke="#333" stroke-width="6"/>
<circle cx="100" cy="280" r="40" fill="none" stroke="#ccc" stroke-width="2"/>
<!-- Spokes -->
<line x1="100" y1="235" x2="100" y2="325" stroke="#ccc" stroke-width="2"/>
<line x1="55" y1="280" x2="145" y2="280" stroke="#ccc" stroke-width="2"/>
<!-- BICYCLE FRAME -->
<path d="M100 280 L100 180 L180 180 L180 280" fill="none" stroke="#d32f2f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M180 180 L220 140 L100 280" fill="none" stroke="#d32f2f" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
<!-- BIKE SEAT -->
<ellipse cx="130" cy="170" rx="20" ry="8" fill="#333"/>
<line x1="130" y1="170" x2="100" y2="280" stroke="#333" stroke-width="4"/>
<!-- PELICAN BODY -->
<ellipse cx="140" cy="200" rx="45" ry="30" fill="#ffffff" stroke="#ddd" stroke-width="1"/>
<!-- PELICAN LEGS (Pedaling) -->
<!-- Back Leg -->
<line x1="130" y1="210" x2="100" y2="280" stroke="#ff9800" stroke-width="6" stroke-linecap="round"/>
<path d="M90 280 L110 280 L100 290 Z" fill="#ff9800"/> <!-- Webbed foot -->
<!-- Front Leg -->
<line x1="160" y1="210" x2="180" y2="280" stroke="#ff9800" stroke-width="6" stroke-linecap="round"/>
<path d="M170 280 L190 280 L180 290 Z" fill="#ff9800"/> <!-- Webbed foot -->
<!-- PEDALS -->
<circle cx="100" cy="280" r="5" fill="#333"/>
<circle cx="180" cy="280" r="5" fill="#333"/>
<line x1="180" y1="280" x2="220" y2="280" stroke="#888" stroke-width="4"/> <!-- Crank -->
<!-- PELICAN NECK & HEAD -->
<path d="M160 200 Q170 160 170 140" fill="none" stroke="#ffffff" stroke-width="20" stroke-linecap="round"/>
<circle cx="170" cy="130" r="25" fill="#ffffff"/>
<!-- PELICAN BEAK (Upper) -->
<path d="M195 120 L260 120 L255 130 L195 130 Z" fill="#ff9800"/>
<!-- PELICAN BEAK (Pouch) -->
<path d="M195 130 Q227 170 260 130" fill="#ffcc80"/>
<!-- PELICAN EYE -->
<circle cx="175" cy="125" r="3" fill="#000"/>
<circle cx="176" cy="124" r="1" fill="#fff"/>
<!-- PELICAN WING (Flapping) -->
<path d="M140 190 Q160 160 190 190 Q160 210 140 190" fill="#fff" stroke="#ddd" stroke-width="1"/>
<!-- BICYCLE FRONT FORK & WHEEL -->
<line x1="220" y1="140" x2="300" y2="280" stroke="#d32f2f" stroke-width="8" stroke-linecap="round"/>
<circle cx="300" cy="280" r="45" fill="none" stroke="#333" stroke-width="6"/>
<circle cx="300" cy="280" r="40" fill="none" stroke="#ccc" stroke-width="2"/>
<!-- Spokes -->
<line x1="300" y1="235" x2="300" y2="325" stroke="#ccc" stroke-width="2"/>
<line x1="255" y1="280" x2="345" y2="280" stroke="#ccc" stroke-width="2"/>
<!-- HANDLEBARS -->
<path d="M220 140 L220 110 L240 100" fill="none" stroke="#555" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="240" cy="100" r="5" fill="#333"/> <!-- Grip -->
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/pelican.svg">svg</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/pelican-response.json">response json</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#14</p>
<h3>Qwen3.6-35B-A3B-UD-Q5_K_S.gguf</h3>
<p>Qwen3.6-35B-A3B-UD-Q5_K_S.gguf</p>
<p>llamacpp · qwen36_35b_a3b_ud_q5ks_128k_partial_offload</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit off · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>115.1s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 600" width="100%" height="100%">
<defs>
<!-- Wheel Spokes Pattern -->
<g id="spokes">
<line x1="0" y1="-50" x2="0" y2="50" stroke="#4A4A4A" stroke-width="2" />
<line x1="-50" y1="0" x2="50" y2="0" stroke="#4A4A4A" stroke-width="2" />
<line x1="-35" y1="-35" x2="35" y2="35" stroke="#4A4A4A" stroke-width="2" />
<line x1="35" y1="-35" x2="-35" y2="35" stroke="#4A4A4A" stroke-width="2" />
</g>
<!-- Pelican Head -->
<g id="pelican-head">
<!-- Back of head/neck -->
<path d="M 550,240 C 550,180 580,160 610,160 C 630,160 640,180 640,210 C 640,230 620,250 600,250 Z" fill="#F4A261" />
<!-- Beak Base -->
<path d="M 615,175 C 680,175 730,190 740,210 C 745,220 720,230 680,230 C 640,230 620,220 615,210 Z" fill="#F4845F" />
<!-- Beak Upper Ridge -->
<path d="M 615,175 C 680,175 730,190 740,210 C 730,195 680,185 615,185 Z" fill="#F4845F" />
<!-- Beak Hook -->
<path d="M 735,205 C 745,205 750,215 740,220 C 730,225 725,215 735,205 Z" fill="#F4845F" />
<!-- Pouch -->
<path d="M 620,215 C 680,215 730,230 735,245 C 720,255 650,250 615,230 Z" fill="#E76F51" />
<!-- Pouch Detail -->
<path d="M 630,225 C 680,225 720,235 725,245 C 710,250 650,245 620,235 Z" fill="#D65A31" opacity="0.4" />
<!-- Nostril -->
<ellipse cx="690" cy="195" rx="3" ry="2" fill="#D65A31" />
<!-- Eye -->
<circle cx="625" cy="185" r="8" fill="#FFFFFF" />
<circle cx="628" cy="185" r="4" fill="#1A1A1A" />
<circle cx="629" cy="183" r="1.5" fill="#FFFFFF" />
<!-- Eyebrow -->
<path d="M 615,175 Q 625,165 635,175" fill="none" stroke="#D65A31" stroke-width="3" stroke-linecap="round" />
</g>
<!-- Pelican Body -->
<g id="pelican-body">
<!-- Main Body -->
<path d="M 480,350 C 480,250 530,220 580,220 C 620,220 640,250 640,290 C 640,330 610,360 560,360 C 510,360 480,350 480,350 Z" fill="#F4A261" />
<!-- Wing -->
<path d="M 500,280 C 520,240 580,240 610,280 C 580,320 520,320 500,280 Z" fill="#E76F51" />
<!-- Wing Feathers -->
<path d="M 520,280 Q 550,260 580,280" fill="none" stroke="#D65A31" stroke-width="3" stroke-linecap="round" />
<path d="M 510,295 Q 540,275 570,295" fill="none" stroke="#D65A31" stroke-width="3" stroke-linecap="round" />
<path d="M 500,310 Q 530,290 560,310" fill="none" stroke="#D65A31" stroke-width="3" stroke-linecap="round" />
<!-- Tail -->
<path d="M 480,300 C 450,310 430,330 440,350 C 450,340 470,330 480,320 Z" fill="#E76F51" />
</g>
</defs>
<!-- Background -->
<rect width="800" height="600" fill="#E0F7FA" />
<!-- Motion Lines Background -->
<g stroke="#B2EBF2" stroke-width="4" stroke-linecap="round" stroke-dasharray="40 40">
<line x1="50" y1="150" x2="250" y2="150" />
<line x1="600" y1="150" x2="750" y2="150" />
<line x1="100" y1="450" x2="300" y2="450" />
<line x1="550" y1="450" x2="750" y2="450" />
<line x1="300" y1="80" x2="450" y2="80" />
<line x1="650" y1="250" x2="780" y2="250" />
</g>
<!-- Clouds -->
<g fill="#FFFFFF" opacity="0.8">
<path d="M 150,150 Q 170,120 200,130 Q 230,110 260,140 Q 290,140 280,170 L 140,170 Q 120,150 150,150 Z" />
<path d="M 600,100 Q 620,70 650,80 Q 680,60 710,90 Q 740,90 730,120 L 590,120 Q 570,100 600,100 Z" />
</g>
<!-- Distant Birds -->
<g fill="none" stroke="#80DEEA" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
<path d="M 200,100 Q 210,90 220,100 Q 230,90 240,100" />
<path d="M 230,80 Q 235,75 240,80 Q 245,75 250,80" />
</g>
<!-- BICYCLE -->
<g id="bicycle">
<!-- Back Wheel -->
<g transform="translate(250, 400)">
<circle cx="0" cy="0" r="60" fill="none" stroke="#E63946" stroke-width="12" />
<circle cx="0" cy="0" r="54" fill="none" stroke="#1D3557" stroke-width="4" />
<circle cx="0" cy="0" r="45" fill="none" stroke="#F1FAEE" stroke-width="2" />
<use href="#spokes" />
<circle cx="0" cy="0" r="8" fill="#457B9D" />
</g>
<!-- Front Wheel -->
<g transform="translate(550, 400)">
<circle cx="0" cy="0" r="60" fill="none" stroke="#E63946" stroke-width="12" />
<circle cx="0" cy="0" r="54" fill="none" stroke="#1D3557" stroke-width="4" />
<circle cx="0" cy="0" r="45" fill="none" stroke="#F1FAEE" stroke-width="2" />
<use href="#spokes" />
<circle cx="0" cy="0" r="8" fill="#457B9D" />
</g>
<!-- Pedal Crank & Chainring -->
<circle cx="400" cy="400" r="25" fill="none" stroke="#457B9D" stroke-width="4" />
<circle cx="400" cy="400" r="10" fill="#457B9D" />
<!-- Bicycle Frame -->
<g fill="none" stroke="#2A9D8F" stroke-width="10" stroke-linecap="round" stroke-linejoin="round">
<!-- Back Triangle -->
<path d="M 250,400 L 360,280 L 400,400 Z" />
<!-- Front Triangle -->
<path d="M 360,280 L 510,280 L 400,400" />
<!-- Fork -->
<path d="M 510,280 L 550,400" />
<!-- Seatpost -->
<path d="M 360,280 L 340,220" />
<!-- Handlebar Stem -->
<path d="M 510,280 L 520,230" />
</g>
<!-- Seat -->
<path d="M 310,220 Q 340,200 370,220 Q 380,230 360,230 L 320,230 Q 300,230 310,220 Z" fill="#6B4226" />
<path d="M 315,220 Q 340,205 365,220 Q 370,225 340,225 Q 310,225 315,220 Z" fill="#8B5A2B" />
<!-- Handlebars -->
<path d="M 520,230 Q 500,210 480,230" fill="none" stroke="#6B4226" stroke-width="8" stroke-linecap="round" />
<path d="M 480,230 Q 470,240 480,250" fill="none" stroke="#6B4226" stroke-width="6" stroke-linecap="round" />
<!-- Chain -->
<path d="M 400,425 L 250,425" fill="none" stroke="#4A4A4A" stroke-width="4" stroke-dasharray="6 3" />
<path d="M 400,375 L 250,375" fill="none" stroke="#4A4A4A" stroke-width="4" stroke-dasharray="6 3" />
<!-- Front Basket -->
<g>
<path d="M 530,280 L 570,280 L 550,340 Z" fill="none" stroke="#E9C46A" stroke-width="4" stroke-linejoin="round" />
<line x1="538" y1="300" x2="562" y2="300" stroke="#E9C46A" stroke-width="3" />
<line x1="543" y1="320" x2="557" y2="320" stroke="#E9C46A" stroke-width="3" />
<!-- Basket Handle -->
<path d="M 530,280 Q 550,260 570,280" fill="none" stroke="#E9C46A" stroke-width="4" stroke-linecap="round" />
<!-- Flowers in Basket -->
<circle cx="545" cy="275" r="6" fill="#E76F51" />
<circle cx="555" cy="270" r="5" fill="#F4A261" />
<circle cx="550" cy="285" r="7" fill="#E76F51" />
<path d="M 550,290 Q 540,310 545,320" fill="none" stroke="#2A9D8F" stroke-width="2" />
</g>
</g>
<!-- PELICAN -->
<!-- Positioned to sit on the seat and reach the handlebars/pedals -->
<g transform="translate(-30, 10)">
<!-- Back Wing (Reaching back to seat) -->
<path d="M 520,280 C 480,260 430,280 420,300 C 440,310 480,300 520,280 Z" fill="#D65A31" />
<!-- Back Foot (On back pedal) -->
<g transform="translate(360, 400)">
<path d="M 0,0 L -10,15 L 10,15 Z" fill="#E76F51" />
<path d="M 0,0 L -15,20 L 15,20 Z" fill="#E76F51" />
</g>
<use href="#pelican-body" />
<use href="#pelican-head" />
<!-- Front Wing (Reaching to handlebars) -->
<path d="M 580,260 C 620,240 660,250 680,260 C 660,280 620,280 580,260 Z" fill="#D65A31" />
<path d="M 600,265 Q 630,260 660,265" fill="none" stroke="#D65A31" stroke-width="3" stroke-linecap="round" />
<!-- Front Foot (On front pedal) -->
<g transform="translate(440, 400)">
<path d="M 0,0 L -10,15 L 10,15 Z" fill="#E76F51" />
<path d="M 0,0 L -15,20 L 15,20 Z" fill="#E76F51" />
</g>
</g>
<!-- Foreground Motion Lines -->
<g stroke="#80DEEA" stroke-width="6" stroke-linecap="round" stroke-dasharray="60 50">
<line x1="100" y1="520" x2="350" y2="520" />
<line x1="450" y1="550" x2="700" y2="550" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/pelican.svg">svg</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/pelican-response.json">response json</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#15</p>
<h3>Qwen3.5-27B.Q6_K.gguf</h3>
<p>Qwen3.5-27B.Q6_K.gguf</p>
<p>llamacpp · qwen35_27b_opus_v2_q6k_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>0.5s</p>
<div class="badges"><span class="badge badge-error">No standalone SVG</span></div>
</header>
<div class="render-frame">
<pre>, with a long beak, a throat pouch, and a white body.</pre>
</div>
<p class="artifact-links"><a href="./qwen3-5-27b-q6-k-gguf/pelican-raw.txt">raw text</a><a href="./qwen3-5-27b-q6-k-gguf/pelican-response.json">response json</a><a href="./qwen3-5-27b-q6-k-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>No standalone SVG:</strong> No standalone &lt;svg&gt;...&lt;/svg&gt; block was found in the completion.</li></ul>
</article>
</div>
</section>
<section class="prompt-section">
<div class="section-heading">
<span class="eyebrow">Exact Prompt 2</span>
<h2>Generate an SVG of a flamingo riding a unicycle</h2>
<p class="section-note">Sent exactly as shown here. No extra adjectives or harness-side style hints were added.</p>
</div>
<div class="grid">
<article class="card">
<header class="card-header">
<p class="rank">#1</p>
<h3>Qwen3-Coder-30B-A3B-Instruct-1M-UD-Q4_K_XL.gguf</h3>
<p>Qwen3-Coder-30B-A3B-Instruct-1M-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen3coder_30b_a3b_1m_ud_q4kxl_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.7 · top-k 20 · top-p 0.8 · max 12000</p>
<p>5.9s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
<g stroke="#000" fill="none" stroke-width="2">
<!-- Unicycle Wheel -->
<circle cx="250" cy="300" r="100" stroke="#8B4513" fill="none" stroke-dasharray="5,5"/>
<!-- Unicycle Seat -->
<path d="M 200 250 Q 250 200 300 250" stroke="#8B4513" fill="none" stroke-linecap="round"/>
<!-- Unicycle Frame -->
<line x1="250" y1="200" x2="250" y2="300" stroke="#8B4513" stroke-dasharray="3,3"/>
<!-- Pedal -->
<line x1="250" y1="300" x2="280" y2="330" stroke="#A9A9A9" stroke-dasharray="3,3"/>
<circle cx="280" cy="330" r="10" fill="#A9A9A9" stroke="#696969"/>
<!-- Flamingo Body -->
<path d="M 250 250 Q 270 240 280 250 Q 300 260 290 270 Q 280 280 260 280 Q 250 270 250 250" fill="#FFB6C1" stroke="#FF69B4" stroke-dasharray="2,2"/>
<!-- Flamingo Head -->
<circle cx="300" cy="230" r="25" fill="#FFB6C1" stroke="#FF69B4" stroke-dasharray="2,2"/>
<!-- Flamingo Beak -->
<path d="M 320 230 Q 340 235 330 245" fill="#FF8C00" stroke="#FF4500" stroke-dasharray="1,1"/>
<!-- Flamingo Eye -->
<circle cx="315" cy="220" r="5" fill="#000"/>
<!-- Flamingo Legs -->
<line x1="260" y1="280" x2="250" y2="350" stroke="#FFB6C1" stroke-width="10" stroke-linecap="round" stroke-dasharray="4,4"/>
<line x1="280" y1="280" x2="290" y2="350" stroke="#FFB6C1" stroke-width="10" stroke-linecap="round" stroke-dasharray="4,4"/>
<!-- Flamingo Wing -->
<path d="M 270 250 Q 260 230 280 230 Q 290 240 280 250" fill="#FFB6C1" stroke="#FF69B4" stroke-dasharray="2,2"/>
<!-- Flamingo Feet -->
<line x1="250" y1="350" x2="240" y2="370" stroke="#FF8C00" stroke-width="4" stroke-linecap="round" stroke-dasharray="3,3"/>
<line x1="250" y1="350" x2="260" y2="370" stroke="#FF8C00" stroke-width="4" stroke-linecap="round" stroke-dasharray="3,3"/>
<line x1="290" y1="350" x2="280" y2="370" stroke="#FF8C00" stroke-width="4" stroke-linecap="round" stroke-dasharray="3,3"/>
<line x1="290" y1="350" x2="300" y2="370" stroke="#FF8C00" stroke-width="4" stroke-linecap="round" stroke-dasharray="3,3"/>
</g>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/flamingo.svg">svg</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/flamingo-response.json">response json</a><a href="./qwen3-coder-30b-a3b-instruct-1m-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#2</p>
<h3>gemma-4-26B-A4B-it-UD-Q4_K_XL_unsloth.gguf</h3>
<p>gemma-4-26B-A4B-it-UD-Q4_K_XL_unsloth.gguf</p>
<p>llamacpp · gemma4_26b_a4b_ud_q4kxl_unsloth_262k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>5.8s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<!-- Background Circle (Optional decoration) -->
<circle cx="100" cy="100" r="90" fill="#f0f9ff" />
<!-- Unicycle Wheel -->
<circle cx="100" cy="160" r="25" fill="none" stroke="#333" stroke-width="4" />
<circle cx="100" cy="160" r="3" fill="#333" />
<!-- Unicycle Frame -->
<line x1="100" y1="160" x2="100" y2="110" stroke="#555" stroke-width="4" stroke-linecap="round" />
<line x1="100" y1="110" x2="80" y2="110" stroke="#555" stroke-width="4" stroke-linecap="round" /> <!-- Seat post/base -->
<!-- Flamingo Body -->
<ellipse cx="85" cy="90" rx="20" ry="30" fill="#ff8da1" />
<!-- Flamingo Neck and Head -->
<path d="M 85 65 Q 70 40 85 25" fill="none" stroke="#ff8da1" stroke-width="8" stroke-linecap="round" />
<circle cx="85" cy="25" r="10" fill="#ff8da1" />
<!-- Flamingo Beak -->
<path d="M 92 25 L 105 30 L 92 35 Z" fill="#ffcc00" />
<!-- Flamingo Eye -->
<circle cx="88" cy="22" r="1.5" fill="#333" />
<!-- Flamingo Legs (One on pedal, one tucked) -->
<!-- Leg 1 (reaching for pedal) -->
<path d="M 85 115 L 100 155" fill="none" stroke="#ff8da1" stroke-width="3" stroke-linecap="round" />
<!-- Leg 2 (tucked/balancing) -->
<path d="M 85 115 L 70 130" fill="none" stroke="#ff8da1" stroke-width="3" stroke-linecap="round" />
<!-- Wing -->
<path d="M 75 85 Q 60 85 65 105 Q 80 110 85 95" fill="#ffafbc" opacity="0.8" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/flamingo.svg">svg</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/flamingo-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/flamingo-response.json">response json</a><a href="./gemma-4-26b-a4b-it-ud-q4-k-xl-unsloth-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#3</p>
<h3>gemma-4-26B-A4B-it-Q5_K_M_bartowski.gguf</h3>
<p>gemma-4-26B-A4B-it-Q5_K_M_bartowski.gguf</p>
<p>llamacpp · gemma4_26b_a4b_q5km_bartowski_96k</p>
<p class="runtime-summary">ctx 98.3k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>6.6s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
<!-- Background Circle -->
<circle cx="100" cy="100" r="90" fill="#f0f9ff" />
<!-- Unicycle Wheel -->
<circle cx="100" cy="150" r="25" fill="none" stroke="#333" stroke-width="4" />
<circle cx="100" cy="150" r="3" fill="#333" />
<!-- Unicycle Frame -->
<line x1="100" y1="150" x2="100" y2="110" stroke="#444" stroke-width="3" />
<line x1="100" y1="110" x2="115" y2="110" stroke="#444" stroke-width="3" /> <!-- Seat post -->
<rect x="105" y="108" width="12" height="4" rx="2" fill="#333" /> <!-- Seat -->
<!-- Flamingo Body -->
<ellipse cx="100" cy="85" rx="20" ry="30" fill="#ff8da1" />
<!-- Flamingo Neck -->
<path d="M 100 60 Q 100 30 120 30 Q 130 30 130 40" fill="none" stroke="#ff8da1" stroke-width="10" stroke-linecap="round" />
<!-- Flamingo Head -->
<circle cx="130" cy="40" r="10" fill="#ff8da1" />
<!-- Flamingo Beak -->
<path d="M 138 38 L 150 42 L 138 46 Z" fill="#ffb3c1" />
<path d="M 138 42 L 150 42" stroke="#333" stroke-width="1" /> <!-- Beak line -->
<!-- Eye -->
<circle cx="133" cy="37" r="1.5" fill="#333" />
<!-- Flamingo Legs (Riding position) -->
<!-- Leg 1 (Pedaling) -->
<path d="M 100 115 L 100 135 L 110 145" fill="none" stroke="#ff8da1" stroke-width="4" stroke-linecap="round" />
<!-- Leg 2 (Back leg) -->
<path d="M 100 115 L 90 130 L 85 140" fill="none" stroke="#ff8da1" stroke-width="4" stroke-linecap="round" />
<!-- Wing Detail -->
<path d="M 85 75 Q 100 65 115 75" fill="none" stroke="#ffb3c1" stroke-width="3" stroke-linecap="round" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/flamingo.svg">svg</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/flamingo-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/flamingo-response.json">response json</a><a href="./gemma-4-26b-a4b-it-q5-k-m-bartowski-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#4</p>
<h3>gemma-4-26B-A4B-it-Claude-Opus-Distill.q4_k_m.gguf</h3>
<p>gemma-4-26B-A4B-it-Claude-Opus-Distill.q4_k_m.gguf</p>
<p>llamacpp · gemma4_26b_a4b_claude_opus_distill_q4km_250k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>11.6s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="00 0 400 400">
<!-- Background circle -->
<circle cx="200" cy="200" r="180" fill="#f0f9ff" />
<!-- Ground line -->
<line x1="80" y1="320" x2="320" y2="320" stroke="#ccc" stroke-width="4" stroke-linecap="round" />
<!-- Unicycle Wheel -->
<circle cx="200" cy="310" r="45" fill="none" stroke="#333" stroke-width="6" />
<circle cx="200" cy="310" r="5" fill="#333" />
<circle cx="200" cy="310" r="35" fill="none" stroke="#ddd" stroke-width="2" stroke-dasharray="2,6" />
<!-- Unicycle Seat Post -->
<line x1="200" y1="265" x2="200" y2="220" stroke="#333" stroke-width="6" stroke-linecap="round" />
<path d="M185 225 Q200 210 215 225" fill="none" stroke="#333" stroke-width="8" stroke-linecap="round" />
<!-- Flamingo Body -->
<ellipse cx="180" cy="150" rx="45" ry="30" fill="#ff8a8a" />
<!-- Flamingo Neck -->
<path d="M215 140 Q280 140 280 80 Q280 50 260 50" fill="none" stroke="#ff8a8a" stroke-width="14" stroke-linecap="round" />
<path d="M280 80 Q295 75 310 90" fill="none" stroke="#ff8a8a" stroke-width="14" stroke-linecap="round" />
<!-- Flamingo Head -->
<ellipse cx="315" cy="95" rx="18" ry="12" fill="#ff8a8a" />
<circle cx="325" cy="90" r="3" fill="white" />
<!-- Flamingo Beak -->
<path d="M330 95 Q355 95 355 105 Q330 115 330 95" fill="#ff9e00" />
<!-- Flamingo Wing -->
<path d="M160 140 Q190 110 220 145 Q190 160 160 140" fill="#ffb3b3" />
<!-- Flamingo Legs -->
<path d="M170 175 L160 230 L150 230" fill="none" stroke="#ff8a8<br>
```
Actually, I'll provide a cleaner, more complete version that you can copy and save as an `.svg` file:
```xml
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<!-- Background -->
<rect width="400" height="400" fill="#f0f9ff" />
<circle cx="200" cy="200" r="180" fill="#e0f2fe" />
<line x1="80" y1="320" x2="320" y2="320" stroke="#ccc" stroke-width="4" stroke-linecap="round" />
<!-- Unicycle -->
<circle cx="200" cy="310" r="45" fill="none" stroke="#333" stroke-width="6" />
<circle cx="200" cy="310" r="5" fill="#333" />
<circle cx="200" cy="310" r="35" fill="none" stroke="#ddd" stroke-width="2" stroke-dasharray="2,6" />
<line x1="200" y1="265" x2="200" y2="220" stroke="#333" stroke-width="6" stroke-linecap="round" />
<path d="M185 225 Q200 210 215 225" fill="none" stroke="#333" stroke-width="8" stroke-linecap="round" />
<!-- Flamingo Body -->
<ellipse cx="180" cy="150" rx="45" ry="30" fill="#ff8a8a" />
<path d="M160 140 Q190 110 220 145 Q190 160 160 140" fill="#ffb3b3" />
<!-- Flamingo Neck and Head -->
<path d="M215 140 Q280 140 280 80 Q280 50 260 50" fill="none" stroke="#ff8a8a" stroke-width="14" stroke-linecap="round" />
<path d="M280 80 Q295 75 310 90" fill="none" stroke="#ff8a8a" stroke-width="14" stroke-linecap="round" />
<ellipse cx="315" cy="95" rx="18" ry="12" fill="#ff8a8a" />
<circle cx="325" cy="90" r="3" fill="white" />
<path d="M330 95 Q355 95 355 105 Q330 115 330 95" fill="#ff9e00" />
<!-- Flamingo Legs -->
<path d="M175 175 L170 245 L165 245" fill="none" stroke="#ff8a8a" stroke-width="5" stroke-linecap="round" />
<path d="M185 175 L190 245 L195 245" fill="none" stroke="#ff8a8a" stroke-width="5" stroke-linecap="round" />
<!-- Motion lines -->
<line x1="250" y1="310" x2="280" y2="310" stroke="#333" stroke-width="2" stroke-linecap="round" />
<line x1="255" y1="315" x2="275" y2="315" stroke="#333" stroke-width="2" stroke-linecap="round" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/flamingo.svg">svg</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/flamingo-raw.txt">raw text</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/flamingo-response.json">response json</a><a href="./gemma-4-26b-a4b-it-claude-opus-distill-q4-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#5</p>
<h3>DeltaCoder-9B-v1.1-DPO-Q8_0.gguf</h3>
<p>DeltaCoder-9B-v1.1-DPO-Q8_0.gguf</p>
<p>llamacpp · deltacoder_9b_q8_0_262k</p>
<p class="runtime-summary">ctx 262.1k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>11.1s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
<!-- Background (Optional) -->
<rect width="400" height="400" fill="#f0f8ff"/>
<!-- The Unicycle Wheel -->
<g transform="translate(200, 300)">
<!-- Rim -->
<circle cx="0" cy="0" r="60" fill="none" stroke="#333" stroke-width="8" />
<!-- Spokes -->
<line x1="0" y1="-60" x2="0" y2="60" stroke="#333" stroke-width="2" />
<line x1="-60" y1="0" x2="60" y2="0" stroke="#333" stroke-width="2" />
<line x1="-42" y1="-42" x2="42" y2="42" stroke="#333" stroke-width="2" />
<line x1="42" y1="-42" x2="-42" y2="42" stroke="#333" stroke-width="2" />
<!-- Hub -->
<circle cx="0" cy="0" r="15" fill="#8B4513" />
<!-- Pedal -->
<rect x="-10" y="-80" width="20" height="10" fill="#555" transform="rotate(10)" />
</g>
<!-- Unicycle Frame -->
<path d="M200 240 L140 240 L140 280 L200 280" fill="none" stroke="#8B4513" stroke-width="6" stroke-linecap="round" />
<path d="M200 280 Q200 320 240 320" fill="none" stroke="#8B4513" stroke-width="6" stroke-linecap="round" /> <!-- Seat post -->
<!-- Flamingo Body -->
<g transform="translate(140, 280)">
<!-- Legs -->
<path d="M-10 0 L-10 20 L-25 35" fill="none" stroke="#FF69B4" stroke-width="6" stroke-linecap="round"/>
<path d="M10 0 L10 20 L25 35" fill="none" stroke="#FF69B4" stroke-width="6" stroke-linecap="round"/>
<!-- Body -->
<ellipse cx="0" cy="10" rx="25" ry="20" fill="#FFD700" />
<!-- Neck -->
<path d="M0 10 C-20 10, -20 -10, 0 -10" fill="none" stroke="#FFD700" stroke-width="12" stroke-linecap="round" />
<!-- Head -->
<circle cx="0" cy="-10" r="12" fill="#FFD700" />
<!-- Beak -->
<path d="M-10 -5 L-20 -15 L-15 -5 Z" fill="#FF69B4" />
<path d="M-15 -5 L-25 -15 L-20 -5 Z" fill="#FF69B4" /> <!-- Lower beak -->
<!-- Eye -->
<circle cx="-5" cy="-14" r="2" fill="black" />
<!-- Wing -->
<path d="M-5 5 Q10 5, 15 15" fill="#FFD700" stroke="#DAA520" stroke-width="2" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/flamingo.svg">svg</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/flamingo-raw.txt">raw text</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/flamingo-response.json">response json</a><a href="./deltacoder-9b-v1-1-dpo-q8-0-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#6</p>
<h3>gemma-4-E4B-it-Q8_0.gguf</h3>
<p>gemma-4-E4B-it-Q8_0.gguf</p>
<p>vllm · gemma4_e4b_vllm_128k</p>
<p class="runtime-summary">ctx 128k · admit 57.8k · gpu 0.92 · max 2048</p>
<p>12.1s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="500" height="400" viewBox="0 0 500 400" xmlns="http://www.w3.org/2000/svg">
<style>
/* Basic styling for visibility and colors */
.flamingo-body { fill: #F08080; stroke: #C71585; stroke-width: 2; } /* Light Coral/Pink */
.flamingo-leg { fill: #FFD700; stroke: #DAA520; stroke-width: 3; } /* Gold/Yellow */
.flamingo-neck { fill: #F08080; stroke: #C71585; stroke-width: 2; }
.flamingo-head { fill: #F08080; stroke: #C71585; stroke-width: 2; }
.wheel { fill: #333333; stroke: #000000; stroke-width: 3; }
.tire { fill: #555555; stroke: #000000; stroke-width: 1.5; }
.seat { fill: #8B4513; } /* Brown for saddle */
</style>
<!-- 1. The Unicycle Structure (Wheel and Frame) -->
<!-- Wheel Center -->
<circle cx="250" cy="300" r="60" class="wheel"/>
<!-- Outer Tire Ring -->
<circle cx="250" cy="300" r="60" class="tire"/>
<!-- Unicycle Seat/Handlebar attachment point -->
<rect x="230" y="240" width="40" height="15" rx="5" class="seat"/>
<!-- 2. The Flamingo Body -->
<!-- Body (simplified oval/curve) -->
<path class="flamingo-body"
d="M 180 220 Q 210 150, 320 170 L 300 240 Q 240 270, 190 220 Z" />
<!-- Neck (curving up to the head) -->
<path class="flamingo-neck"
d="M 220 170 Q 200 100, 260 90" />
<!-- Head (small circle) -->
<circle cx="260" cy="90" r="15" class="flamingo-head"/>
<!-- Beak (small triangle) -->
<path d="M 260 90 L 280 95 L 260 100 Z" fill="#FFD700"/>
<!-- 3. Legs (Sticking out to balance/pedal) -->
<!-- Left Leg (slightly bent) -->
<path class="flamingo-leg"
d="M 195 220 L 170 350 L 185 350 Z"/>
<!-- Right Leg (stabilizing/pedaling position) -->
<path class="flamingo-leg"
d="M 315 240 L 290 370 L 305 370 Z"/>
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-e4b-it-q8-0-gguf/flamingo.svg">svg</a><a href="./gemma-4-e4b-it-q8-0-gguf/flamingo-raw.txt">raw text</a><a href="./gemma-4-e4b-it-q8-0-gguf/flamingo-response.json">response json</a><a href="./gemma-4-e4b-it-q8-0-gguf/runtime-params.json">vLLM params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#7</p>
<h3>Qwen3.5-35B-A3B-UD-Q4_K_XL.gguf</h3>
<p>Qwen3.5-35B-A3B-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen35_35b_a3b_ud_q4kxl_80k</p>
<p class="runtime-summary">ctx 81.9k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>14.5s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="#f0f8ff" />
<!-- UNICYCLE -->
<!-- Tire -->
<circle cx="200" cy="300" r="60" fill="none" stroke="#333" stroke-width="8" />
<!-- Rim -->
<circle cx="200" cy="300" r="52" fill="none" stroke="#ccc" stroke-width="2" />
<!-- Spokes (Simple) -->
<line x1="200" y1="248" x2="200" y2="352" stroke="#aaa" stroke-width="2" />
<line x1="148" y1="300" x2="252" y2="300" stroke="#aaa" stroke-width="2" />
<!-- Frame -->
<path d="M200 248 L200 180" stroke="#888" stroke-width="6" fill="none" />
<!-- Seat -->
<ellipse cx="200" cy="170" rx="30" ry="10" fill="#222" />
<path d="M200 180 L200 175" stroke="#888" stroke-width="6" />
<!-- Pedal -->
<rect x="190" y="280" width="20" height="10" fill="#555" transform="rotate(45 200 285)" />
<!-- FLAMINGO -->
<!-- Back Leg (Behind body) -->
<path d="M190 220 L190 290" stroke="#ff69b4" stroke-width="7" stroke-linecap="round" />
<!-- Body -->
<path d="M160 220 Q160 180 200 180 Q240 180 240 220 Q240 260 200 260 Q160 260 160 220 Z" fill="#ff69b4" />
<!-- Wing -->
<path d="M170 220 Q190 240 230 220 Q230 190 200 190 Z" fill="#db7093" />
<!-- Neck -->
<path d="M200 180 Q220 150 200 120 Q180 90 220 90" fill="none" stroke="#ff69b4" stroke-width="14" stroke-linecap="round" />
<!-- Head -->
<circle cx="220" cy="90" r="15" fill="#ff69b4" />
<!-- Eye -->
<circle cx="225" cy="85" r="2" fill="black" />
<!-- Beak -->
<path d="M225 90 L245 90 L250 100 L225 95 Z" fill="#ff8c00" /> <!-- Top beak -->
<path d="M225 95 L245 95 L250 105 L225 100 Z" fill="#000" /> <!-- Black tip -->
<!-- Front Leg (Riding Leg) -->
<!-- Thigh -->
<path d="M210 220 L230 240" stroke="#ff69b4" stroke-width="7" stroke-linecap="round" />
<!-- Shin (bent) -->
<path d="M230 240 L210 280" stroke="#ff69b4" stroke-width="7" stroke-linecap="round" />
<!-- Foot on Pedal -->
<path d="M200 285 L220 285" stroke="#ff69b4" stroke-width="5" />
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/flamingo.svg">svg</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/flamingo-response.json">response json</a><a href="./qwen3-5-35b-a3b-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#8</p>
<h3>Qwen3.6-35B-A3B-UD-Q4_K_XL.gguf</h3>
<p>Qwen3.6-35B-A3B-UD-Q4_K_XL.gguf</p>
<p>llamacpp · qwen36_35b_a3b_ud_q4kxl_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>25s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800" width="100%" height="100%">
<defs>
<!-- Background Gradient -->
<linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#87CEEB;stop-opacity:1" />
<stop offset="100%" style="stop-color:#E0F6FF;stop-opacity:1" />
</linearGradient>
<!-- Flamingo Body Gradient -->
<linearGradient id="bodyGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF9EBB;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF5C8D;stop-opacity:1" />
</linearGradient>
<!-- Wing Gradient -->
<linearGradient id="wingGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF709A;stop-opacity:1" />
<stop offset="100%" style="stop-color:#D93862;stop-opacity:1" />
</linearGradient>
<!-- Beak Gradient -->
<linearGradient id="beakGrad" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#2A2A2A;stop-opacity:1" />
<stop offset="60%" style="stop-color:#2A2A2A;stop-opacity:1" />
<stop offset="60%" style="stop-color:#FFFFFF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:1" />
</linearGradient>
<!-- Drop Shadow Filter -->
<filter id="dropShadow" x="-10%" y="-10%" width="130%" height="130%">
<feDropShadow dx="2" dy="4" stdDeviation="3" flood-color="#000000" flood-opacity="0.2" />
</filter>
</defs>
<!-- Sky Background -->
<rect width="800" height="800" fill="url(#skyGrad)" />
<!-- Sun -->
<circle cx="680" cy="120" r="50" fill="#FFD700" filter="url(#dropShadow)" />
<circle cx="680" cy="120" r="65" fill="#FFD700" opacity="0.3" />
<!-- Clouds -->
<g fill="#FFFFFF" opacity="0.8">
<path d="M 150 180 Q 170 150 200 180 Q 230 160 250 190 Q 270 220 240 230 L 140 230 Q 110 220 130 190 Q 120 160 150 180 Z" />
<path d="M 550 220 Q 570 190 600 220 Q 630 200 650 230 Q 670 260 640 270 L 540 270 Q 510 260 530 230 Q 520 200 550 220 Z" />
<path d="M 100 350 Q 115 330 140 350 Q 165 340 180 365 Q 195 390 170 400 L 90 400 Q 70 390 85 365 Q 80 340 100 350 Z" opacity="0.6" />
</g>
<!-- Ground Shadow -->
<ellipse cx="400" cy="720" rx="220" ry="15" fill="#000000" opacity="0.15" />
<!-- UNICYCLE -->
<g id="unicycle">
<!-- Seat Post -->
<line x1="380" y1="350" x2="380" y2="240" stroke="#333333" stroke-width="12" stroke-linecap="round" />
<!-- Seat -->
<path d="M 340 240 Q 380 220 420 240 L 410 260 Q 380 270 350 260 Z" fill="#FF5C8D" filter="url(#dropShadow)" />
<path d="M 340 240 Q 380 220 420 240" fill="none" stroke="#FF85A8" stroke-width="4" stroke-linecap="round" />
<!-- Unicycle Frame -->
<path d="M 380 240 Q 380 450 400 550" fill="none" stroke="#333333" stroke-width="14" stroke-linecap="round" />
<path d="M 380 240 L 400 550" fill="none" stroke="#444444" stroke-width="6" stroke-linecap="round" />
<!-- Wheel Axle -->
<circle cx="400" cy="550" r="18" fill="#222222" />
<circle cx="400" cy="550" r="8" fill="#666666" />
<!-- Pedal Crank & Pedal -->
<line x1="400" y1="550" x2="440" y2="590" stroke="#222222" stroke-width="12" stroke-linecap="round" />
<rect x="425" y="580" width="30" height="20" rx="4" fill="#111111" transform="rotate(35 440 590)" filter="url(#dropShadow)" />
<!-- Wheel Tire -->
<circle cx="400" cy="550" r="150" fill="none" stroke="#222222" stroke-width="18" />
<!-- Wheel Rim -->
<circle cx="400" cy="550" r="135" fill="none" stroke="#CCCCCC" stroke-width="8" />
<!-- Wheel Spokes -->
<g stroke="#AAAAAA" stroke-width="3">
<line x1="400" y1="415" x2="400" y2="685" />
<line x1="265" y1="550" x2="535" y2="550" />
<line x1="304" y1="454" x2="496" y2="646" />
<line x1="304" y1="646" x2="496" y2="454" />
</g>
</g>
<!-- FLAMINGO -->
<g id="flamingo">
<!-- Tucked Leg (Left) -->
<path d="M 340 430 L 320 500 L 350 520" fill="none" stroke="#FF709A" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="320" cy="500" r="5" fill="#FF5C8D" />
<!-- Tail Feathers -->
<path d="M 270 400 Q 220 420 230 460 Q 260 450 280 430 Z" fill="#FF5C8D" />
<path d="M 280 420 Q 240 450 250 490 Q 280 470 290 440 Z" fill="#D93862" />
<path d="M 290 440 Q 260 480 270 510 Q 300 490 300 460 Z" fill="#FF709A" />
<!-- Main Body -->
<path d="M 280 400 C 280 300, 420 300, 450 400 C 470 480, 350 520, 280 400 Z" fill="url(#bodyGrad)" filter="url(#dropShadow)" />
<!-- Standing Leg (Right) -->
<!-- Thigh (hidden behind body, connects to hip) -->
<path d="M 420 450 L 450 500" fill="none" stroke="#FF709A" stroke-width="12" stroke-linecap="round" />
<!-- Shin (from knee to ankle) -->
<line x1="450" y1="500" x2="440" y2="590" stroke="#FF709A" stroke-width="8" stroke-linecap="round" />
<!-- Foot -->
<polygon points="425,590 455,590 450,605 430,605" fill="#FF5C8D" />
<!-- Neck and Head Group -->
<g id="neck-head">
<!-- Neck -->
<path d="M 420 380 C 420 250, 500 200, 480 150 C 470 120, 450 120, 460 150" fill="none" stroke="url(#bodyGrad)" stroke-width="35" stroke-linecap="round" />
<!-- Head Base -->
<circle cx="475" cy="130" r="22" fill="url(#bodyGrad)" />
<!-- Head Tuft -->
<path d="M 465 110 Q 450 80 460 70 Q 470 90 475 110 Z" fill="#FF5C8D" />
<path d="M 475 105 Q 470 75 480 65 Q 485 85 480 105 Z" fill="#D93862" />
<!-- Eye White -->
<circle cx="485" cy="125" r="8" fill="#FFFFFF" />
<!-- Pupil -->
<circle cx="487" cy="125" r="3.5" fill="#111111" />
<!-- Eye Highlight -->
<circle cx="488" cy="123" r="1.5" fill="#FFFFFF" />
<!-- Beak -->
<path d="M 485 135 Q 510 140 515 170 Q 495 165 485 150 Z" fill="url(#beakGrad)" />
<!-- Cheek Blush -->
<circle cx="475" cy="140" r="6" fill="#FF85A8" opacity="0.6" />
<!-- Smile -->
<path d="M 475 145 Q 480 150 485 145" fill="none" stroke="#D93862" stroke-width="1.5" stroke-linecap="round" />
</g>
<!-- Wings -->
<!-- Back Wing -->
<path d="M 320 380 C 350 350, 400 380, 380 450 C 350 470, 300 430, 320 380 Z" fill="url(#wingGrad)" filter="url(#dropShadow)" />
<!-- Front Wing -->
<path d="M 340 390 C 370 370, 410 400, 390 460 C 360 480, 320 440, 340 390 Z" fill="#FF85A8" />
<!-- Wing Feather Details -->
<path d="M 350 400 Q 380 410 390 430" fill="none" stroke="#D93862" stroke-width="3" stroke-linecap="round" />
<path d="M 345 420 Q 370 430 385 445" fill="none" stroke="#D93862" stroke-width="3" stroke-linecap="round" />
<path d="M 340 440 Q 360 445 375 455" fill="none" stroke="#D93862" stroke-width="3" stroke-linecap="round" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/flamingo.svg">svg</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/flamingo-response.json">response json</a><a href="./qwen3-6-35b-a3b-ud-q4-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#9</p>
<h3>GLM-4.7-Flash.Q5_K_M.gguf</h3>
<p>GLM-4.7-Flash.Q5_K_M.gguf</p>
<p>llamacpp · glm47_flash_q5km_32k</p>
<p class="runtime-summary">ctx 32.8k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>17.7s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="600" height="600" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Flamingo Body Gradient -->
<linearGradient id="flamingoGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#FF9AA2;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FF6F91;stop-opacity:1" />
</linearGradient>
<!-- Beak Gradient -->
<linearGradient id="beakGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#FFB347;stop-opacity:1" />
<stop offset="100%" style="stop-color:#FFCC33;stop-opacity:1" />
</linearGradient>
<!-- Shadow Filter -->
<filter id="dropShadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3" />
<feOffset dx="2" dy="4" result="offsetblur" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.2" />
</feComponentTransfer>
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
</defs>
<!-- Background (Optional, kept transparent for versatility) -->
<!-- Group: Unicycle -->
<g transform="translate(300, 420)">
<!-- Wheel Shadow -->
<ellipse cx="0" cy="20" rx="70" ry="10" fill="#000000" opacity="0.1" />
<!-- Wheel -->
<circle cx="0" cy="0" r="70" fill="none" stroke="#4A4A4A" stroke-width="8" />
<circle cx="0" cy="0" r="60" fill="none" stroke="#4A4A4A" stroke-width="2" />
<circle cx="0" cy="0" r="8" fill="#4A4A4A" />
<!-- Spokes (Abstract) -->
<line x1="0" y1="-70" x2="0" y2="70" stroke="#4A4A4A" stroke-width="2" opacity="0.3" />
<line x1="-70" y1="0" x2="70" y2="0" stroke="#4A4A4A" stroke-width="2" opacity="0.3" />
<line x1="-49.5" y1="-49.5" x2="49.5" y2="49.5" stroke="#4A4A4A" stroke-width="2" opacity="0.3" />
<line x1="49.5" y1="-49.5" x2="-49.5" y2="49.5" stroke="#4A4A4A" stroke-width="2" opacity="0.3" />
<!-- Frame -->
<path d="M0,0 L0,-140" stroke="#2C3E50" stroke-width="6" stroke-linecap="round" />
<path d="M0,-140 L-60,-100" stroke="#2C3E50" stroke-width="6" stroke-linecap="round" />
<!-- Seat Post -->
<rect x="-6" y="-140" width="12" height="60" fill="#2C3E50" />
<!-- Seat -->
<ellipse cx="0" cy="-140" rx="25" ry="8" fill="#34495E" />
</g>
<!-- Group: Flamingo -->
<g transform="translate(300, 420)" filter="url(#dropShadow)">
<!-- Back Leg (Left) -->
<path d="M-20,0 Q-30,40 -10,60" fill="none" stroke="url(#flamingoGradient)" stroke-width="14" stroke-linecap="round" />
<ellipse cx="-10" cy="62" rx="10" ry="6" fill="#FF6F91" />
<!-- Body -->
<path d="M-20,0
C-30,-20 -40,-60 -10,-90
C10,-110 30,-130 50,-110
C70,-90 60,-40 40,-10
C30,10 0,0 -20,0 Z"
fill="url(#flamingoGradient)" />
<!-- Neck (S-Curve) -->
<path d="M40,-90
C60,-110 80,-130 90,-160
C95,-175 85,-190 75,-200
C65,-210 55,-205 50,-195
C45,-185 50,-170 60,-155
C70,-140 65,-120 55,-105"
fill="url(#flamingoGradient)" />
<!-- Head -->
<circle cx="60" cy="-195" r="18" fill="url(#flamingoGradient)" />
<!-- Eye -->
<circle cx="66" cy="-198" r="4" fill="#FFFFFF" />
<circle cx="67" cy="-198" r="2" fill="#000000" />
<!-- Beak -->
<path d="M78,-195 L110,-195 L110,-188 L78,-188 Z" fill="url(#beakGradient)" />
<path d="M110,-195 L110,-188 L106,-192 Z" fill="#FFFFFF" /> <!-- Beak tip highlight -->
<!-- Front Leg (Right) -->
<path d="M20,0 Q40,30 60,60" fill="none" stroke="url(#flamingoGradient)" stroke-width="14" stroke-linecap="round" />
<ellipse cx="62" cy="62" rx="10" ry="6" fill="#FF6F91" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./glm-4-7-flash-q5-k-m-gguf/flamingo.svg">svg</a><a href="./glm-4-7-flash-q5-k-m-gguf/flamingo-raw.txt">raw text</a><a href="./glm-4-7-flash-q5-k-m-gguf/flamingo-response.json">response json</a><a href="./glm-4-7-flash-q5-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#10</p>
<h3>omnicoder-9b-q8_0.gguf</h3>
<p>omnicoder-9b-q8_0.gguf</p>
<p>llamacpp · omnicoder_9b_q8_0_250k</p>
<p class="runtime-summary">ctx 250.1k · batch 256/256 · fit on · temp 0.6 · top-k 40 · top-p 0.95 · max 12000</p>
<p>10.5s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="100%" height="100%" fill="#e0f7fa" />
<!-- The Unicycle Wheel -->
<g transform="translate(100, 160)">
<circle cx="0" cy="0" r="25" stroke="#333" stroke-width="2" fill="none" />
<circle cx="0" cy="0" r="10" fill="#ddd" />
<!-- Spokes -->
<line x1="-25" y1="0" x2="25" y2="0" stroke="#333" stroke-width="1.5" />
<line x1="0" y1="-25" x2="0" y2="25" stroke="#333" stroke-width="1.5" />
<line x1="-18" y1="-18" x2="18" y2="18" stroke="#333" stroke-width="1.5" />
<line x1="18" y1="-18" x2="-18" y2="18" stroke="#333" stroke-width="1.5" />
</g>
<!-- The Unicycle Seat -->
<rect x="98" y="130" width="4" height="20" fill="#5d4037" transform="rotate(-10 100 140)" />
<!-- Flamingo Body Group -->
<g transform="translate(100, 120) rotate(-10)">
<!-- Legs -->
<path d="M-5 -5 L-5 25" stroke="#e65100" stroke-width="3" stroke-linecap="round" />
<path d="M5 -5 L5 25" stroke="#e65100" stroke-width="3" stroke-linecap="round" />
<!-- Belly/Chest -->
<ellipse cx="0" cy="-10" rx="16" ry="12" fill="#ffcc80" />
<!-- Neck (Curved) -->
<path d="M-2 -35 Q -10 -45 -20 -48" stroke="#ffab91" stroke-width="10" stroke-linecap="round" fill="none" />
<!-- Head -->
<circle cx="-18" cy="-50" r="9" fill="#ffab91" />
<!-- Beak -->
<path d="M-25 -55 L-35 -58 L-25 -54 Z" fill="#ff7043" />
<circle cx="-26" cy="-54" r="1.5" fill="#fff" opacity="0.6" /> <!-- Eye -->
<!-- Back/Wing -->
<path d="M-8 -12 Q 10 -25 20 -15 L 15 -5 L 5 -15 Z" fill="#ffcc80" stroke="#ffe0b2" stroke-width="1" />
<!-- Tail feathers -->
<path d="M-6 -5 L-4 -12 L-10 -10 Z" fill="#ffab91" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./omnicoder-9b-q8-0-gguf/flamingo.svg">svg</a><a href="./omnicoder-9b-q8-0-gguf/flamingo-raw.txt">raw text</a><a href="./omnicoder-9b-q8-0-gguf/flamingo-response.json">response json</a><a href="./omnicoder-9b-q8-0-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#11</p>
<h3>gemma-4-31B-it-Claude-Opus-Distill.q4_k_m.gguf</h3>
<p>gemma-4-31B-it-Claude-Opus-Distill.q4_k_m.gguf</p>
<p>llamacpp · gemma4_31b_claude_opus_distill_q4km_220k</p>
<p class="runtime-summary">ctx 220k · batch 256/256 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 2048</p>
<p>28.2s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background circle for composition -->
<circle cx="200" cy="200" r="180" fill="#f0f9ff" />
<!-- Unicycle Wheel -->
<circle cx="200" cy="320" r="40" fill="none" stroke="#333" stroke-width="8" />
<circle cx="200" cy="320" r="5" fill="#333" />
<!-- Wheel Spokes -->
<line x1="200" y1="280" x2="200" y2="360" stroke="#333" stroke-width="2" />
<line x1="160" y1="320" x2="240" y2="320" stroke="#333" stroke-width="2" />
<line x1="172" y1="292" x2="228" y2="348" stroke="#333" stroke-width="2" />
<line x1="172" y1="348" x2="228" y2="292" stroke="#333" stroke-width="2" />
<!-- Unicycle Frame/Seat -->
<rect x="195" y="260" width="10" height="30" fill="#555" />
<ellipse cx="200" cy="260" rx="25" ry="8" fill="#222" />
<!-- Flamingo Leg (on the pedal) -->
<path d="M200 260 L200 300" stroke="#ff8da1" stroke-width="6" stroke-linecap="round" />
<path d="M185 300 L215 300" stroke="#333" stroke-width="4" stroke-linecap="round" />
<!-- Flamingo Body -->
<ellipse cx="200" cy="210" rx="45" ry="30" fill="#ff8da1" />
<!-- Flamingo Wing -->
<path d="M180 210 Q160 210 170 230 Q185 240 200 220" fill="#ff6b81" stroke="#ff8da1" stroke-width="2" />
<!-- Flamingo Neck -->
<path d="M230 200 Q260 200 260 150 Q260 120 240 110" fill="none" stroke="#ff8da1" stroke-width="14" stroke-linecap="round" />
<!-- Flamingo Head -->
<circle cx="240" cy="110" r="20" fill="#ff8da1" />
<!-- Eye -->
<circle cx="248" cy="105" r="3" fill="black" />
<!-- Beak -->
<path d="M255 110 L280 120 L255 125 Z" fill="#ff8da1" />
<path d="M270 120 L280 120 L275 128 Z" fill="#333" />
<!-- Balancing Leg (raised) -->
<path d="M180 225 L160 200" stroke="#ff8da1" stroke-width="6" stroke-linecap="round" />
<!-- Balancing Wing (spread for balance) -->
<path d="M170 200 Q130 180 140 220" fill="none" stroke="#ff6b81" stroke-width="8" stroke-linecap="round" />
</svg>
</div>
<p class="artifact-links"><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/flamingo.svg">svg</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/flamingo-raw.txt">raw text</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/flamingo-response.json">response json</a><a href="./gemma-4-31b-it-claude-opus-distill-q4-k-m-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#12</p>
<h3>omnicoder-9b</h3>
<p>omnicoder-9b</p>
<p>vllm · omnicoder_9b_vllm_64k_text_fp8</p>
<p class="runtime-summary">ctx 65.5k · seqs 1 · gpu 0.92 · max 12000</p>
<p>31.3s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="200" height="300" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="200" height="300" fill="#fafafa" rx="10" />
<!-- The Unicycle Wheel Frame -->
<!-- Spokes -->
<g stroke="#e0a6cc" stroke-width="2" opacity="0.6">
<line x1="100" y1="50" x2="100" y2="250" /> <!-- Vertical spoke -->
<line x1="170" y1="150" x2="30" y2="150" /> <!-- Horizontal spoke -->
<line x1="156" y1="72" x2="84" y2="228" /> <!-- Diagonal -->
<line x1="72" y1="72" x2="156" y2="228" /> <!-- Diagonal -->
</g>
<!-- Rim -->
<circle cx="100" cy="200" r="75" fill="none" stroke="#e0a6cc" stroke-width="6" stroke-linecap="round" />
<!-- The Axle -->
<rect x="90" y="200" width="20" height="6" fill="#aab7b4" stroke="#555" stroke-width="1" rx="3" />
<!-- The Flamingo Body Group -->
<g transform="translate(100, 180)"> <!-- Centered on wheel axle -->
<!-- Legs (Behind wheel) -->
<path d="M0 -10 L-10 -6 L-15 10 L-5 10 L0 -10 Z" fill="#ffb7c5" />
<path d="M0 -15 L-5 -12 L-10 -5 L0 -5 L0 -15 Z" fill="#ffb7c5" />
<!-- Neck (Curved up) -->
<path d="M-5 -25 C-15 -45 -15 -60 -5 -70"
stroke="#ffb7c5" stroke-width="12" fill="none" stroke-linecap="round" />
<!-- Head -->
<g transform="translate(-5, -70)">
<!-- Neck branching cap -->
<path d="M-6 -2 C-6 -5 -1 4 -1 10 C-5 4 C-6 -2 -6 -2" fill="#ffb7c5" />
<!-- Beak -->
<path d="M2 10 L25 25 L2 20 Z" fill="#ff6b6b" />
<!-- Eye -->
<circle cx="2" cy="5" r="1.5" fill="#333" />
</g>
<!-- Main Body (Behind wheel, held high) -->
<path d="M-25 -30 Q25 -30 35 -10 Q35 10 -25 10 Z"
fill="#ffb6c1" stroke="#ff6b6b" stroke-width="1"/>
<!-- Wings (Folded/waving) -->
<g stroke="#ffb7c5" stroke-width="3" fill="none" opacity="0.9">
<path d="M-30 -40 L-60 0 L-30 15 Z" />
<path d="M40 -20 L90 0 L40 20 Z" />
</g>
<!-- Head on top of body (Alternative simpler version, ensuring head aligns) -->
<!-- Re-doing body/neck connection for better balance -->
<path d="M-40 -10 L-40 20 L-20 20 L-30 0 Z" fill="#ffb6c1"/>
</g>
<!-- Simple Shadow -->
<ellipse cx="100" cy="245" rx="60" ry="5" fill="#000" opacity="0.1" filter="blur(2px)"/>
</svg>
</div>
<p class="artifact-links"><a href="./omnicoder-9b/flamingo.svg">svg</a><a href="./omnicoder-9b/flamingo-raw.txt">raw text</a><a href="./omnicoder-9b/flamingo-response.json">response json</a><a href="./omnicoder-9b/runtime-params.json">vLLM params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#13</p>
<h3>Qwen3.5-35B-A3B-UD-Q5_K_XL.gguf</h3>
<p>Qwen3.5-35B-A3B-UD-Q5_K_XL.gguf</p>
<p>llamacpp · qwen35_35b_a3b_ud_q5kxl_128k_partial_offload</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit off · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>49.7s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Ground Shadow -->
<ellipse cx="200" cy="345" rx="90" ry="10" fill="#e0e0e0" opacity="0.5" />
<!-- UNICYCLE -->
<!-- Wheel -->
<g transform="translate(200, 280)">
<circle r="80" fill="none" stroke="#333" stroke-width="8" />
<circle r="75" fill="none" stroke="#ddd" stroke-width="2" stroke-dasharray="5,5"/>
<!-- Spokes -->
<line x1="0" y1="-80" x2="0" y2="80" stroke="#ccc" stroke-width="2" />
<line x1="-80" y1="0" x2="80" y2="0" stroke="#ccc" stroke-width="2" />
<line x1="-56" y1="-56" x2="56" y2="56" stroke="#ccc" stroke-width="2" />
<line x1="56" y1="-56" x2="-56" y2="56" stroke="#ccc" stroke-width="2" />
</g>
<!-- Unicycle Frame -->
<path d="M200 200 L200 100 L250 100" fill="none" stroke="#333" stroke-width="6" stroke-linecap="round" />
<path d="M200 200 L200 160 L180 160 L180 200" fill="none" stroke="#333" stroke-width="6" stroke-linecap="round" /> <!-- Pedal arm -->
<!-- Seat -->
<ellipse cx="250" cy="100" rx="35" ry="10" fill="#111" transform="rotate(-10 250 100)" />
<!-- FLAMINGO -->
<g transform="translate(200, 150)">
<!-- Left Leg (on pedal) -->
<line x1="20" y1="10" x2="0" y2="90" stroke="#FF69B4" stroke-width="5" stroke-linecap="round" />
<path d="M0 90 L5 95 L-5 95 Z" fill="#FF69B4" /> <!-- Foot -->
<!-- Body -->
<path d="M20 10 Q80 40 60 100 Q40 140 0 100 Q-20 60 20 10" fill="#FF69B4" stroke="#E05B9B" stroke-width="2" />
<!-- Wing -->
<path d="M50 40 Q30 80 60 90" fill="none" stroke="#E05B9B" stroke-width="3" stroke-linecap="round" />
<!-- Right Leg (tucked) -->
<path d="M40 30 Q60 20 70 40 Q80 60 50 80" fill="none" stroke="#FF69B4" stroke-width="5" stroke-linecap="round" />
<!-- Neck -->
<path d="M80 30 Q100 10 90 -30 Q85 -60 120 -70" fill="none" stroke="#FF69B4" stroke-width="12" stroke-linecap="round" stroke-linejoin="round" />
<!-- Neck Feathers -->
<path d="M95 -30 Q110 -40 125 -35" fill="none" stroke="#E05B9B" stroke-width="2" stroke-linecap="round" />
<!-- Head -->
<circle cx="120" cy="-70" r="12" fill="#FF69B4" />
<!-- Eye -->
<circle cx="123" cy="-73" r="2" fill="black" />
<circle cx="124" cy="-74" r="0.5" fill="white" />
<!-- Beak -->
<path d="M130 -65 Q145 -60 145 -55 Q145 -50 135 -55" fill="none" stroke="#FF69B4" stroke-width="2" />
<path d="M135 -55 Q145 -55 145 -50" fill="#111" /> <!-- Black Tip -->
<!-- Tail -->
<path d="M0 100 Q-10 120 0 130" fill="none" stroke="#FF69B4" stroke-width="4" stroke-linecap="round" />
</g>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/flamingo.svg">svg</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/flamingo-response.json">response json</a><a href="./qwen3-5-35b-a3b-ud-q5-k-xl-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#14</p>
<h3>Qwen3.6-35B-A3B-UD-Q5_K_S.gguf</h3>
<p>Qwen3.6-35B-A3B-UD-Q5_K_S.gguf</p>
<p>llamacpp · qwen36_35b_a3b_ud_q5ks_128k_partial_offload</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit off · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>76.6s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="100%" height="100%">
<!-- Background -->
<circle cx="250" cy="250" r="240" fill="#3498DB" />
<!-- Ground Shadow -->
<ellipse cx="250" cy="430" rx="60" ry="10" fill="#2980B9" />
<!-- UNICYCLE -->
<!-- Wheel -->
<circle cx="250" cy="340" r="90" fill="none" stroke="#2C3E50" stroke-width="10" />
<circle cx="250" cy="340" r="85" fill="none" stroke="#ECF0F1" stroke-width="2" />
<!-- Spokes -->
<g stroke="#BDC3C7" stroke-width="2">
<line x1="250" y1="250" x2="250" y2="430" />
<line x1="160" y1="340" x2="340" y2="340" />
<line x1="186.3" y1="276.3" x2="313.7" y2="403.7" />
<line x1="186.3" y1="403.7" x2="313.7" y2="276.3" />
<line x1="173.8" y1="283.8" x2="326.2" y2="396.2" />
<line x1="173.8" y1="396.2" x2="326.2" y2="283.8" />
<line x1="206.8" y1="256.8" x2="293.2" y2="423.2" />
<line x1="206.8" y1="423.2" x2="293.2" y2="256.8" />
<line x1="293.2" y1="256.8" x2="206.8" y2="423.2" />
<line x1="293.2" y1="423.2" x2="206.8" y2="256.8" />
<line x1="326.2" y1="283.8" x2="173.8" y2="396.2" />
<line x1="326.2" y1="396.2" x2="173.8" y2="283.8" />
</g>
<!-- Hub -->
<circle cx="250" cy="340" r="12" fill="#34495E" />
<circle cx="250" cy="340" r="5" fill="#ECF0F1" />
<!-- Pedals and Crank -->
<line x1="250" y1="340" x2="260" y2="340" stroke="#34495E" stroke-width="6" stroke-linecap="round" />
<circle cx="260" cy="340" r="8" fill="#E74C3C" />
<line x1="250" y1="340" x2="240" y2="340" stroke="#34495E" stroke-width="6" stroke-linecap="round" />
<circle cx="240" cy="340" r="8" fill="#E74C3C" />
<!-- Seatpost -->
<line x1="250" y1="340" x2="230" y2="170" stroke="#34495E" stroke-width="6" stroke-linecap="round" />
<!-- Seat -->
<path d="M 210 170 C 210 160, 250 160, 250 170 C 250 180, 210 180, 210 170 Z" fill="#2C3E50" />
<!-- FLAMINGO -->
<!-- Back Leg (Bent) -->
<path d="M 260 280 L 280 250 L 270 230" fill="none" stroke="#FF85A2" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="280" cy="250" r="4" fill="#FF85A2" />
<circle cx="270" cy="230" r="3" fill="#FF85A2" />
<!-- Body -->
<path d="M 180 250 C 180 200, 290 200, 300 250 C 310 300, 180 300, 180 250 Z" fill="#FF9EBB" />
<!-- Front Leg (Straight) -->
<path d="M 240 280 L 240 320 L 260 340" fill="none" stroke="#FF85A2" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" />
<circle cx="240" cy="320" r="4" fill="#FF85A2" />
<circle cx="260" cy="340" r="3" fill="#FF85A2" />
<!-- Wing -->
<path d="M 210 235 C 240 210, 280 220, 285 250 C 260 260, 220 250, 210 235 Z" fill="#FFB6C1" />
<path d="M 220 240 C 245 225, 270 235, 275 250 C 255 255, 230 250, 220 240 Z" fill="#FF9EBB" />
<!-- Neck -->
<path d="M 210 230 C 180 180, 240 140, 230 100 C 220 60, 190 60, 190 80" fill="none" stroke="#FF9EBB" stroke-width="16" stroke-linecap="round" />
<!-- Neck Shadow (for depth) -->
<path d="M 210 230 C 180 180, 240 140, 230 100 C 220 60, 190 60, 190 80" fill="none" stroke="#FF749A" stroke-width="16" stroke-linecap="round" stroke-dasharray="15 250" />
<!-- Head -->
<circle cx="190" cy="80" r="14" fill="#FF9EBB" />
<!-- Beak -->
<path d="M 180 75 Q 155 80 150 95 Q 165 90 180 85 Z" fill="#FFFFFF" />
<path d="M 150 95 Q 155 80 165 78 Q 155 85 150 95 Z" fill="#2C3E50" />
<!-- Eye -->
<circle cx="186" cy="75" r="3" fill="#2C3E50" />
<circle cx="185" cy="74" r="1" fill="#FFFFFF" />
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/flamingo.svg">svg</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/flamingo-response.json">response json</a><a href="./qwen3-6-35b-a3b-ud-q5-k-s-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
<article class="card">
<header class="card-header">
<p class="rank">#15</p>
<h3>Qwen3.5-27B.Q6_K.gguf</h3>
<p>Qwen3.5-27B.Q6_K.gguf</p>
<p>llamacpp · qwen35_27b_opus_v2_q6k_128k</p>
<p class="runtime-summary">ctx 131.1k · batch 128/128 · fit on · temp 0.6 · top-k 20 · top-p 0.95 · max 12000</p>
<p>26.2s</p>
<div class="badges"><span class="badge badge-ok">SVG extracted</span><span class="badge badge-warn">Text before SVG</span></div>
</header>
<div class="render-frame">
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<!-- Background -->
<rect width="400" height="400" fill="#87CEEB"/>
<!-- Unicycle Wheel -->
<circle cx="200" cy="280" r="45" fill="none" stroke="#333" stroke-width="4"/>
<circle cx="200" cy="280" r="40" fill="none" stroke="#666" stroke-width="2"/>
<circle cx="200" cy="280" r="5" fill="#ccc"/>
<!-- Unicycle Spokes -->
<g stroke="#666" stroke-width="1">
<line x1="200" y1="235" x2="200" y2="325"/>
<line x1="155" y1="280" x2="245" y2="280"/>
<line x1="172" y1="252" x2="228" y2="308"/>
<line x1="228" y1="252" x2="172" y2="308"/>
</g>
<!-- Unicycle Frame -->
<path d="M 200 235 L 200 180" stroke="#333" stroke-width="4" fill="none"/>
<!-- Seat -->
<ellipse cx="200" cy="180" rx="25" ry="10" fill="#444"/>
<!-- Flamingo Body -->
<ellipse cx="200" cy="160" rx="35" ry="25" fill="#FF69B4"/>
<!-- Flamingo Legs -->
<path d="M 190 180 L 185 220 L 195 220 L 190 180" fill="#FF69B4"/>
<path d="M 210 180 L 215 220 L 205 220 L 210 180" fill="#FF69B4"/>
<!-- Flamingo S-shaped Neck -->
<path d="M 185 150 Q 160 140 165 110 Q 170 80 190 75"
stroke="#FF69B4" stroke-width="12" fill="none" stroke-linecap="round"/>
<!-- Flamingo Head -->
<circle cx="190" cy="75" r="12" fill="#FF69B4"/>
<!-- Flamingo Eye -->
<circle cx="195" cy="72" r="2" fill="black"/>
<!-- Flamingo Beak -->
<path d="M 202 72 L 220 68 L 202 78 Z" fill="#FFD700"/>
<path d="M 218 69 L 220 68 L 218 70 Z" fill="#333"/>
</svg>
</div>
<p class="artifact-links"><a href="./qwen3-5-27b-q6-k-gguf/flamingo.svg">svg</a><a href="./qwen3-5-27b-q6-k-gguf/flamingo-raw.txt">raw text</a><a href="./qwen3-5-27b-q6-k-gguf/flamingo-response.json">response json</a><a href="./qwen3-5-27b-q6-k-gguf/runtime-params.json">llama.cpp params</a></p>
<ul class="issue-list"><li><strong>SVG extracted:</strong> A standalone SVG block was extracted.</li><li><strong>Text before SVG:</strong> The model emitted prose or garbage before the first &lt;svg tag.</li></ul>
</article>
</div>
</section>
</main>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment