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

ground truth

SVG Loading icons

model outputs

1<div class="loader loader--style7" title="6">
2  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
3     width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
4    <rect x="0" y="0" width="4" height="20" fill="#333">
5      <animate attributeName="opacity" attributeType="XML"
6        values="1; .2; 1" 
7        begin="0s" dur="0.6s" repeatCount="indefinite" />
8    </rect>
9    <rect x="7" y="0" width="4" height="20" fill="#333">
10      <animate attributeName="opacity" attributeType="XML"
11        values="1; .2; 1" 
12        begin="0.2s" dur="0.6s" repeatCount="indefinite" />
13    </rect>
14    <rect x="14" y="0" width="4" height="20" fill="#333">
15      <animate attributeName="opacity" attributeType="XML"
16        values="1; .2; 1" 
17        begin="0.4s" dur="0.6s" repeatCount="indefinite" />
18    </rect>
19  </svg>
20</div>
21