animation2code benchmark
For best compatibility, please view this dashboard in a Chrome browser.
← back to model results

ground truth

Animated Radio Waves

css2.2ssource ↗

model outputs

Qwen3-VL-8B-Instruct (no output)
A T
GPT-5.4
A 0.82T 0.23
LLaMA 4 Scout
A 0.59T 0.15
1<body xmlns:xlink="http://www.w3.org/1999/xlink">
2    <svg style="position:absolute;width:0;height:0;" width="0" height="0" version="1.1">
3      <defs>
4        <symbol id="radio-wave" viewBox="0 0 100 200">
5          <title>radio wave</title>
6          <g>
7            <path d="M62.5,185 Q12.5,100 62.5,15" />
8          </g>
9        </symbol>
10        <symbol id="radio-source" viewBox="0 0 100 100">
11          <title>radio source</title>
12          <g>
13            <circle cx="50" cy="50" r="50" />
14          </g>
15        </symbol>
16      </defs>
17    </svg>
18    <div class="radio-wave-container">
19      <div class="radio-wave-container content">
20        <svg class="radio-source">
21          <use xlink:href="#radio-source"></use>
22        </svg>
23        <svg class="radio-wave radio-wave-1">
24          <use xlink:href="#radio-wave"></use>
25        </svg>
26        <svg class="radio-wave radio-wave-2">
27          <use xlink:href="#radio-wave"></use>
28        </svg>
29        <svg class="radio-wave radio-wave-3">
30          <use xlink:href="#radio-wave"></use>
31        </svg>
32        <svg class="radio-wave radio-wave-4">
33          <use xlink:href="#radio-wave"></use>
34        </svg>
35        <svg class="radio-wave radio-wave-5">
36          <use xlink:href="#radio-wave"></use>
37        </svg>
38        <svg class="radio-wave radio-wave-6">
39          <use xlink:href="#radio-wave"></use>
40        </svg>
41      </div>
42    </div>
43  </body>