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

ground truth

SVG Multi-Drip

model outputs

1<div id="container">
2
3<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In  -->
4<svg id="mysvg" version="1.1"
5	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
6	 x="0px" y="0px" width="600px" height="600px" viewBox="0 0 600 600" enable-background="new 0 0 600 600" xml:space="preserve">
7<defs>
8  <filter id="goo" color-interpolation-filters="sRGB">
9      <feGaussianBlur in="SourceGraphic" stdDeviation="9" result="blur" />
10      <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 17 -7" result="cm" />
11    
12        <feComposite in="SourceGraphic" in2="cm" >
13  	</filter>  
14</defs>
15<g id="circle-group" filter="url(#goo)">
16  <g id="circles">
17<circle class="top-circle" fill="#00367F" cx="30" cy="140" r="15"/>
18<circle class="move-circle" fill="#00367F" cx="30" cy="240" r="2"/>
19  </g>
20  </g>
21</svg>
22  
23  </div>