The future of data visualisation lies in interactivity. Here's how to create a truly stunning interactive infographic.
The rise in interactive infographics has correlated with a similar upsurge in animation and transition tools and guides, both of which make the process of creating the most complex effects surprisingly manageable.
Now you've seen what you're aiming for, let's take a look at some of the tools and resources that will help you build your own interactive infographic.
Get an overview of CSS3 Transitions, Transforms, Animation and Filters
This site is helpful for anyone looking to get an overview on CSS animations, transforms, transitions and filters. It offers detailed tutorials on all these topics, and is a great place to start for a thorough technical overview.
This site showcases various page transition effects using CSS animations
This site demonstrates various popular transitions that can be achieved between pages, which can be very useful for inspiration as well as information.
D3.js is a JavaScript library for manipulating documents based on data
D3.js is a JavaScript library that enables you to transform and animate data in any number of ways, using HTML, CSS, and SVG. With it you can create the collapsing graphs or spinning data points that are one of the key features of most interactive infographics. With all these resources freely available, the reasons for making a traditional static infographic are becoming less and less viable.
