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--style4" title="3">
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="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 50 50;" xml:space="preserve">
4    <rect x="0" y="0" width="4" height="7" fill="#333">
5      <animateTransform  attributeType="xml"
6        attributeName="transform" type="scale"
7        values="1,1; 1,3; 1,1"
8        begin="0s" dur="0.6s" repeatCount="indefinite" />       
9    </rect>
10
11    <rect x="10" y="0" width="4" height="7" fill="#333">
12      <animateTransform  attributeType="xml"
13        attributeName="transform" type="scale"
14        values="1,1; 1,3; 1,1"
15        begin="0.2s" dur="0.6s" repeatCount="indefinite" />       
16    </rect>
17    <rect x="20" y="0" width="4" height="7" fill="#333">
18      <animateTransform  attributeType="xml"
19        attributeName="transform" type="scale"
20        values="1,1; 1,3; 1,1"
21        begin="0.4s" dur="0.6s" repeatCount="indefinite" />       
22    </rect>
23  </svg>
24</div>
25