how to create the interactive infographic?

Or Animate - although I don't really have much experience using this... Might have to experiment with this programme...

My only point of contention however - is that code snippets can be a little confusing if your knowledge and experience of HTML5/CSS is limited.

But I suppose it depends how much the programme is able to explain/assist you in using snippets.

Just to add to Monika's statement - This type of Interactive infographic also uses some parallax scrolling techniques (How To Create a Parallax Scrolling Effect) but on the whole all of the javascript etc is just used to make it look animated.

Follow Monika's advice and make all the graphics as normal in Illustrator and Photoshop (Make sure you use transparent backgrounds unless you really need it) and either use Muse to get the majority of the content or get a programmer/coder to write it how you want.

Whilst you could learn the basics of HTML and CSS it would be more efficient (although perhaps not cost effective) to use either of the above suggestions.

If you really want to learn code then websites like www.codeacademy.com exist for such reasons.

[EDIT] If you want to have elements of graphics that are animated separately from the whole image i.e. like the legs of a sheep to move independently of the body and head make sure you save those elements on separate layers regardless of which programme you prefer to use.