ground truth

Thinking about SVG-preloaders

csssource ↗

model outputs

Gemini 3 Flash Preview →

A 0.58T 0.34

Qwen3-VL-8B-Instruct (no output)

A —T —

GPT-5.4 →

A 0.90T 0.33

Claude Sonnet 4.6 →

A 0.60T 0.16

LLaMA 4 Scout →

A 0.19T 0.00

1<div class="l-wrapper">
2<svg viewBox="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3      
4      <symbol id="s--circle">
5        <circle r="10" cx="20" cy="20"></circle>
6      </symbol>
7      
8      <g class="g-circles g-circles--v1">
9        <g class="g--circle">
10          <use xlink:href="#s--circle" class="u--circle"/>
11        </g>  
12        <g class="g--circle">
13          <use xlink:href="#s--circle" class="u--circle"/>
14        </g>
15        <g class="g--circle">
16          <use xlink:href="#s--circle" class="u--circle"/>
17        </g>
18        <g class="g--circle">
19          <use xlink:href="#s--circle" class="u--circle"/>
20        </g>
21        <g class="g--circle">
22          <use xlink:href="#s--circle" class="u--circle"/>
23        </g>
24        <g class="g--circle">
25          <use xlink:href="#s--circle" class="u--circle"/>
26        </g>
27        <g class="g--circle">
28          <use xlink:href="#s--circle" class="u--circle"/>
29        </g>
30        <g class="g--circle">
31          <use xlink:href="#s--circle" class="u--circle"/>
32        </g>
33        <g class="g--circle">
34          <use xlink:href="#s--circle" class="u--circle"/>
35        </g>
36        <g class="g--circle">
37          <use xlink:href="#s--circle" class="u--circle"/>
38        </g>
39        <g class="g--circle">
40          <use xlink:href="#s--circle" class="u--circle"/>
41        </g>
42        <g class="g--circle">
43          <use xlink:href="#s--circle" class="u--circle"/>
44        </g>
45      </g>
46  </svg>
47</div>
48