Bodymovin shows wilder animation

Question

We have created some animation with Body Movin, all of them works great. The problem we have now is, the Body Movin animation animate really wild compared to what it supposed to animate.

Original Animation:

Bodymovin Animation:

You can test and play around here: https://codepen.io/albertdp/project/editor/AmbRgM

I am calling it the same way it has in the demo.

var animation = bodymovin.loadAnimation({
  container: document.getElementById('bm'),
  renderer: 'canvas',
  loop: true,
  autoplay: true,
  path: 'data.json'
})

Please let me know if you ever encounter the same issue.

Answer 1

There is three way to render the animation, maybe you can try :

    var animation = bodymovin.loadAnimation({
            container: document.getElementById('bm'),
            renderer: 'svg',
            loop: true,
            autoplay: true,
            path: 'data.json'
    })