Learning D3.js 5 Mapping - Second Edition

Continuing with measuring performance

Now let's check the frame rate for animating 10,000 points:

 Canvas visualization of 10,000 flight paths at 36 instead of 23 FPS 

View complete app at: https://larsvers.github.io/learning-d3-mapping-9-2b. Code example: 09_02b.html.

That's great, boosting performance by about +57% compared to not using the powers of drawImage(). It's not shown here, but 5,000 points were animated at 60 FPS instead of 45 FPS. Yay.

Moving on, 15,000 flights fly with 24 FPS and 20,000 with up to 18 FPS. This is still just beyond the 16 FPS generally considered the lowest possible frame rate for fooling the brain into believing ...