Chapter 2. Exploring Impress Visualization Effects

In this chapter, we are going to cover the impress.js effects in depth. Effects are the core components in creating impressive visualizations. We are going to use practical examples throughout this chapter to demonstrate the power of effects.

Impress effects are built upon pure CSS transformations, so web designers will find these effects very interesting and easy to understand. Let's get started!

We will be covering the following topics:

  • Introduction to CSS transformations
  • Positioning effects
  • Rotating effects
  • Rotations in practice
  • Scaling effects
  • The importance of positioning in scaling
  • Scaling in practice
  • Data perspective
  • impress.js under the hood