Make the charts “lazy-initialize” only when they scroll into view

This demo uses jQuery to manage page scroll events. It also "hijacks" the built-in makeChart() function to delay chart initialization until the page is scrolled into view.

This will make a huge impact on the performance of the pages with a lot of charts.

Also, make sure to check out of this alternative approach of lazy-loading 120 charts on the same page.