У веб-дизайні - графіки є одним з кращих інструментів для візуалізації даних. Застосування ефекту анімації до інфографіки затримує увагу користувача на ній та створює позитивний момент при перегляді текстової інформації. При побудові діаграм засобами CANVAS API доцільно розробити способи програмної анімації елементів діаграм. Учасниками студентського наукового гуртка "Web-програмування" розроблені Javascript сценаріїв анамаційнох побудови секторної діаграми.

Для побудови секторної діаграми визначимо такі сценарії анімації діаграм:

Перший спосіб – почергова побудова елементів діаграми. До кожного елемента діаграми застосуємо спосіб збільшення його розміру від 0 (нуль) до заданого числового значення. Спочатку будується перший елемент, за ним другий, третій та четвертий. Час побудови одного елемента діаграми залежить від фактичного числового значення, на основі якого будується елемент. Чим більше числове значення, тим довше будується елемент.

Другий спосіб – одночасна побудова елементів діаграми. Усі елементи будуються одночасно від нульового до відповідного числового значення масиву вхідних даних. Побудова закінчується тоді, коли вичерпано усі значення. Найдовше будується елемент із максимальним числовим значенням.

Результати наукових досліджень впроваджено на сайті ВСП "Бережанський фаховий коледж НУБіП України".