{"id":228077,"date":"2022-10-06T19:25:00","date_gmt":"2022-10-06T16:25:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228077"},"modified":"2022-11-09T01:19:26","modified_gmt":"2022-11-08T22:19:26","slug":"chudovi-prikladi-chart-js-jaki-mozhna-vikoristovuvati-na-svoiemu-veb-sajti","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/uk\/chudovi-prikladi-chart-js-jaki-mozhna-vikoristovuvati-na-svoiemu-veb-sajti\/","title":{"rendered":"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456"},"content":{"rendered":"\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/uk\/diagrami-proti-tablic-abo-koli-vikoristovuvati-odne-zamist-inshogo\/\" title=\"\u0413\u0440\u0430\u0444\u0456\u043a\u0438 \u0442\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438\" >\u0413\u0440\u0430\u0444\u0456\u043a\u0438 \u0442\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/a> \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0443\u044e\u0442\u044c \u0448\u0432\u0438\u0434\u043a\u0435 \u0442\u0430 \u043f\u0440\u043e\u0441\u0442\u0435 \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0435 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0441\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0438, \u0437\u0430\u0432\u0434\u044f\u043a\u0438 \u0447\u043e\u043c\u0443 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u044e \u043b\u0435\u0433\u043a\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u0430\u0434\u0430\u0442\u0438 \u0442\u0430 \u043f\u043e\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u0442\u0438. \u0414\u043e\u0431\u0440\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0439 \u0433\u0440\u0430\u0444\u0456\u043a \u0430\u0431\u043e \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u043c\u043e\u0436\u0435 \u0437\u0440\u043e\u0431\u0438\u0442\u0438 \u0432\u0430\u0448 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0431\u0456\u043b\u044c\u0448 \u043f\u0440\u0438\u0432\u0430\u0431\u043b\u0438\u0432\u0438\u043c.<\/p>\n<p>\u0420\u043e\u0437\u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0433\u0430\u0440\u043d\u0443 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0443 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456 \u043c\u043e\u0436\u043d\u0430 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e <a href=\"http:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Chart.js<\/a>. \u0426\u0435 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0430 \u0441\u043a\u0440\u0438\u043f\u0442\u0456\u0432 \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0434\u0430\u043d\u0438\u0445.<\/p>\n<p>\u0421\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0433\u0440\u0430\u0444\u0456\u043a\u0456\u0432 \u0456 \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044f \u0434\u0430\u043d\u0438\u0445 \u043c\u043e\u0436\u0435 \u0431\u0443\u0442\u0438 \u0434\u043b\u044f \u0432\u0430\u0441 \u043f\u0435\u0440\u0448\u0438\u043c. \u041c\u043e\u0436\u043b\u0438\u0432\u043e, \u0432\u0438 \u0442\u0430\u043a\u043e\u0436 \u043f\u0440\u043e\u0431\u0443\u0432\u0430\u043b\u0438 \u0446\u0435 \u0439 \u0434\u0456\u0437\u043d\u0430\u043b\u0438\u0441\u044f, \u043d\u0430\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0441\u043a\u043b\u0430\u0434\u043d\u043e \u0446\u0435 \u0437\u0440\u043e\u0431\u0438\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e.<\/p>\n<p>\u041e\u0441\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456\u0432 Chart.js \u0434\u043b\u044f \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044f \u0443 \u0432\u0430\u0448\u0456 \u043f\u0440\u043e\u0435\u043a\u0442\u0438.<\/p>\n<p>\u0423 Chart.js \u0454 \u0440\u0456\u0437\u043d\u043e\u043c\u0430\u043d\u0456\u0442\u043d\u0456 \u0444\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u0456 \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u0456 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0447\u0438 \u0433\u0456\u0441\u0442\u043e\u0433\u0440\u0430\u043c\u0438, \u043a\u0440\u0443\u0433\u043e\u0432\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438, \u043b\u0456\u043d\u0456\u0439\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0442\u043e\u0449\u043e.<\/p>\n<p>\u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u044e\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438 \u0442\u043e\u043d\u043a\u043e\u0433\u043e \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f, \u044f\u043a\u0456 \u0434\u0430\u044e\u0442\u044c \u0437\u043c\u043e\u0433\u0443 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u043d\u0430\u0431\u043e\u0440\u0438 \u0434\u0430\u043d\u0438\u0445 \u0443 \u0432\u0456\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0432\u0440\u0430\u0436\u0430\u044e\u0447\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438.<\/p>\n<h2>\u0414\u043e\u043a\u043b\u0430\u0434\u043d\u0456\u0448\u0435 \u043f\u0440\u043e Chart.js<\/h2>\n<p><a href=\"https:\/\/www.chartjs.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d262a067.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>Chart.js \u043f\u043e\u0434\u0456\u0431\u043d\u0438\u0439 \u0434\u043e Google Charts \u0430\u0431\u043e Chartist, \u043e\u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u043d\u0430\u0434\u0430\u0454 \u0432\u0435\u043b\u0438\u043a\u0443 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0443 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457\u0432 \u0434\u043b\u044f \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0434\u0430\u043d\u0438\u0445 JavaScript.<\/p>\n<p>\u0412\u0456\u043d <a href=\"https:\/\/github.com\/chartjs\/Chart.js\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043d\u0430 GitHub<\/a>, \u0442\u043e\u043c\u0443 \u0446\u0435 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0430 \u0437 \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0438\u043c \u043a\u043e\u0434\u043e\u043c, \u044f\u043a\u0430 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u0443\u0454\u0442\u044c\u0441\u044f \u0441\u043f\u0456\u043b\u044c\u043d\u043e\u0442\u043e\u044e.<\/p>\n<p>\u0421\u0446\u0435\u043d\u0430\u0440\u0456\u0457 \u0432 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u0446\u0456 Chart.js \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u0434\u043b\u044f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f JavaScript. \u041f\u0456\u0441\u043b\u044f \u043a\u043e\u043f\u0456\u044e\u0432\u0430\u043d\u043d\u044f \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457 \u043c\u043e\u0436\u043d\u0430 \u0432\u043a\u043b\u0430\u0434\u0430\u0442\u0438 \u0432 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 HTML <canvas>.<\/p>\n<p>\u0422\u0430\u043a\u043e\u0436 \u0454 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0434\u0456\u0430\u0433\u0440\u0430\u043c \u0443 \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043d\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430\u0445, \u0442\u0430\u043a\u0438\u0445 \u044f\u043a <a href=\"https:\/\/massivepixel.io\/blog\/angular-vs-react-vs-vue\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">React, Vue \u0442\u0430 Angular<\/a>.<\/p>\n<p>\u0423\u0441\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0432 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u0446\u0456 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456, \u0442\u043e\u0431\u0442\u043e \u0457\u0445 \u043c\u043e\u0436\u043d\u0430 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u0438 \u0443 \u0432\u0456\u043a\u043d\u0430\u0445 \u0440\u0456\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0437\u043c\u0456\u0440\u0443. \u0412\u043e\u043d\u0438 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u044e\u0442\u044c\u0441\u044f \u044f\u043a \u043d\u0430 \u043d\u0435\u0432\u0435\u043b\u0438\u043a\u0438\u0445 \u0435\u043a\u0440\u0430\u043d\u0430\u0445 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432, \u0442\u0430\u043a \u0456 \u043d\u0430 \u0434\u0438\u0441\u043f\u043b\u0435\u044f\u0445 \u0432\u0435\u043b\u0438\u043a\u0438\u0445 \u043f\u0440\u0438\u0441\u0442\u0440\u043e\u0457\u0432.<\/p>\n<p>\u041e\u043a\u0440\u0456\u043c \u0448\u0432\u0438\u0434\u043a\u043e\u0441\u0442\u0456 \u0440\u0435\u0430\u0433\u0443\u0432\u0430\u043d\u043d\u044f, \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u044e\u0442\u044c \u0433\u0430\u0440\u043d\u0443 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0432\u043d\u0456\u0441\u0442\u044c \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457 \u0432 \u0443\u0441\u0456\u0445 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445. \u0426\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0454, \u0449\u043e \u043d\u0435\u0437\u0430\u043b\u0435\u0436\u043d\u043e \u0432\u0456\u0434 \u0442\u043e\u0433\u043e, \u044f\u043a \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u0434\u0443 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u0438\u043c\u0435 \u0432\u0430\u0448\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438, \u0432\u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442\u044c \u0448\u0432\u0438\u0434\u043a\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u0442\u0430 \u0447\u0456\u0442\u043a\u043e \u0432\u0438\u0434\u0438\u043c\u0456.<\/p>\n<p>\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u044c:<\/p>\n<ul>\n<li>\u0421\u0442\u043e\u0432\u043f\u0447\u0430\u0441\u0442\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u2013 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438 \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u044c \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0443, \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0443, \u0431\u0430\u0433\u0430\u0442\u043e\u043e\u0441\u044c\u043e\u0432\u0443, \u0441\u043a\u043b\u0430\u0434\u0435\u043d\u0443 \u0442\u0430 \u0433\u0440\u0443\u043f\u043e\u0432\u0443 \u0433\u0440\u0443\u043f\u0443.<\/li>\n<li>\u041b\u0456\u043d\u0456\u0439\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u2013 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438 \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u044c \u0431\u0430\u0437\u043e\u0432\u0443, \u0431\u0430\u0433\u0430\u0442\u043e\u043e\u0441\u044c\u043e\u0432\u0443, \u0441\u0442\u0443\u043f\u0456\u043d\u0447\u0430\u0441\u0442\u0443 \u0442\u0430 \u0456\u043d\u0442\u0435\u0440\u043f\u043e\u043b\u044f\u0446\u0456\u0439\u043d\u0443. \u0422\u0430\u043a\u043e\u0436 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456 \u0432\u0430\u0440\u0456\u0430\u043d\u0442\u0438 \u0434\u043b\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u0441\u0442\u0438\u043b\u0456\u0432 \u043b\u0456\u043d\u0456\u0439, \u0441\u0442\u0438\u043b\u0456\u0432 \u0442\u043e\u0447\u043e\u043a \u0456 \u0440\u043e\u0437\u043c\u0456\u0440\u0456\u0432 \u0442\u043e\u0447\u043e\u043a \u0434\u043b\u044f \u043f\u043e\u0432\u043d\u043e\u0433\u043e \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f.<\/li>\n<li>\u0420\u0430\u0434\u0430\u0440\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/li>\n<li>\u0421\u0435\u043a\u0442\u043e\u0440\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/li>\n<li>\u041a\u043e\u043b\u044c\u043e\u0440\u043e\u0432\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/li>\n<li>\u0411\u0443\u043b\u044c\u0431\u0430\u0448\u043a\u043e\u0432\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/li>\n<li>\u0422\u043e\u0447\u043a\u043e\u0432\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/li>\n<li>\u041a\u0430\u0440\u0442\u0438 \u043f\u043e\u043b\u044f\u0440\u043d\u0438\u0445 \u043f\u043b\u043e\u0449<\/li>\n<\/ul>\n<p>\u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0440\u0456\u0437\u043d\u0438\u0445 \u0442\u0438\u043f\u0456\u0432 \u043c\u043e\u0436\u043d\u0430 \u043a\u043e\u043c\u0431\u0456\u043d\u0443\u0432\u0430\u0442\u0438, \u0449\u043e\u0431 \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u043d\u0430\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0457 \u0432 \u0440\u0456\u0437\u043d\u0438\u0445 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\u0445.<\/p>\n<p>\u0423 \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u0446\u0456 \u0442\u0430\u043a\u043e\u0436 \u043c\u043e\u0436\u043d\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u0440\u0456\u0437\u043d\u0456 \u043c\u043e\u0434\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457 \u0441\u0442\u0438\u043b\u044e \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0447\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443, \u043b\u0435\u0433\u0435\u043d\u0434\u0438 \u0442\u0430 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438. \u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u0442\u0438 \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044e \u0434\u0430\u043d\u0438\u0445 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u043e \u0434\u043e \u043f\u043e\u0442\u0440\u0435\u0431 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0442\u0430 \u0432\u0430\u0448\u0438\u0445 \u043e\u0441\u043e\u0431\u0438\u0441\u0442\u0438\u0445 \u0443\u043f\u043e\u0434\u043e\u0431\u0430\u043d\u044c.<\/p>\n<h2>\u041d\u0430\u0439\u043a\u0440\u0430\u0449\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js<\/h2>\n<h3>PoC \u0416\u0438\u0432\u0435 \u043e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/statuswoe\/pen\/hyldD\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d271ff10.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0438\u0439 \u0433\u0440\u0430\u0434\u0456\u0454\u043d\u0442 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/grayghostvisuals\/pen\/gpROOz\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2804b93.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0423 \u0446\u044c\u043e\u043c\u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 Chart.js \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u044f\u043a \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0442\u0430 \u0440\u0435\u0430\u043b\u0456\u0437\u0443\u0432\u0430\u0442\u0438 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u0433\u0440\u0430\u0434\u0456\u0454\u043d\u0442 \u0456\u0437 Chart.js. \u0412\u0456\u043d \u0442\u0430\u043a\u043e\u0436 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u043f\u0440\u0438\u0439\u043e\u043c \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u043d\u044f, \u0449\u043e\u0431 \u0443\u043d\u0438\u043a\u043d\u0443\u0442\u0438 \u0437\u0433\u043e\u0440\u0442\u0430\u043d\u043d\u044f \u0432\u0438\u0441\u043e\u0442\u0438 \u0433\u0440\u0430\u0444\u0456\u043a\u0430 \u043f\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438.<\/p>\n<h3>\u0406\u0437\u043e\u043b\u044c\u043e\u0432\u0430\u043d\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043d\u0435 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0435 Chart.js-plugin-annotation<\/h3>\n<p><a href=\"https:\/\/codepen.io\/compwright\/pen\/mmQMrZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d28e1e0c.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0447\u0443\u0434\u043e\u0432\u043e \u043f\u0456\u0434\u0445\u043e\u0434\u0438\u0442\u044c \u0434\u043b\u044f \u043c\u0430\u043b\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u0440\u044f\u043c\u043e\u043a\u0443\u0442\u043d\u0438\u043a\u0430 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0438 \u0430\u043d\u043e\u0442\u0430\u0446\u0456\u0439 Chart.js.<\/p>\n<h3>Chart.js \u2013 \u0440\u0435\u0436\u0438\u043c \u0437\u043c\u0456\u0448\u0443\u0432\u0430\u043d\u043d\u044f \u2013 \u043c\u043d\u043e\u0436\u0435\u043d\u043d\u044f<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/jaNrWW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d29e89f6.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0440\u0435\u0436\u0438\u043c \u0437\u043c\u0456\u0448\u0443\u0432\u0430\u043d\u043d\u044f \u043f\u043e\u043b\u043e\u0442\u043d\u0430, \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0430\u043d\u0438\u0439 \u0434\u043e \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 Chart.js \u0456\u0437 \u0433\u0440\u0430\u0434\u0456\u0454\u043d\u0442\u043e\u043c.<\/p>\n<h3>\u041a\u043e\u043b\u044c\u0446\u0435\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 SVG \u0437 \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u0454\u044e \u0442\u0430 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u043e\u044e<\/h3>\n<p><a href=\"https:\/\/codepen.io\/githiro\/pen\/ICfFE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2b0cbff.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043b\u0435\u0433\u043a\u0438\u0439 \u043f\u043b\u0430\u0433\u0456\u043d jQuery, \u044f\u043a\u0438\u0439 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u0456\u0437\u0443\u0454\u0442\u044c\u0441\u044f \u043d\u0430 \u043c\u0430\u043b\u044e\u0432\u0430\u043d\u043d\u0456 \u043a\u0440\u0443\u0433\u043b\u0438\u0445 \u0434\u0456\u0430\u0433\u0440\u0430\u043c.<\/p>\n<h3>\u0417\u0440\u0430\u0437\u043e\u043a Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/venturads\/pen\/OyNejq\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2c10144.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0437\u0440\u0430\u0437\u043e\u043a Chart.js, \u044f\u043a\u0438\u0439 \u0432\u0456\u0434\u043e\u0431\u0440\u0430\u0436\u0430\u0454 \u0433\u0430\u0440\u043d\u0443 \u0433\u0440\u0430\u0444\u0456\u043a\u0443, \u0430 \u0442\u0430\u043a\u043e\u0436 \u043f\u0440\u043e\u0441\u0442\u0438\u0439 \u0456 \u043b\u0435\u0433\u043a\u0438\u0439 \u0443 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u0456.<\/p>\n<h3>\u0412\u0438\u0434\u0430\u043b\u0456\u0442\u044c \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0443 \u0442\u0430 \u043b\u0435\u0433\u0435\u043d\u0434\u0443 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/cmlonder\/pen\/grjRLZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2d166a2.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><br \/>\n\u0426\u0435 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0432\u0438\u0434\u0430\u043b\u0438\u0442\u0438 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0443 \u0442\u0430 \u043b\u0435\u0433\u0435\u043d\u0434\u0443 \u0432 Chart.js \u0456\u0437 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0438\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438.<\/p>\n<h3>\u0421\u0435\u0440\u0435\u0434\u043d\u0456\u0439 \u2013 \u043a\u0440\u0430\u0441\u0438\u0432\u0430, \u0447\u0443\u0442\u043b\u0438\u0432\u0430 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/Jackthomsonn\/pen\/BNjJEj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2e1e03a.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u043b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u0442\u0435\u043c\u043f\u0435\u0440\u0430\u0442\u0443\u0440\u0438<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/OOMGza\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d2f08849.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u044f \u043b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 Chart.js \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u043e\u0437\u043e\u0440\u0456 \u0442\u043e\u0447\u043a\u0438 \u0442\u0430 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0456\u0442\u043a\u0438.<\/p>\n<h3>\u041f\u043e\u043b\u044f\u0440\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/FranciscusAgnew\/pen\/LRGPYX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d30028ba.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0417\u0432\u0456\u0442 \u043f\u0440\u043e \u043f\u0440\u043e\u0434\u0430\u0436\u0456 \u2013 \u0442\u0435\u043c\u043d\u0430 \u0432\u0435\u0440\u0441\u0456\u044f<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Ruddy\/pen\/yyqZqX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d30f1dac.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u0456 \u043f\u043b\u0430\u0433\u0456\u043d\u0438 \u043c\u043e\u0436\u043d\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u0432 progressbar.js\/chart.js<\/p>\n<h3>Chart.js \u2013 \u0434\u0438\u043d\u0430\u043c\u0456\u0447\u043d\u0435 \u043e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0447\u0435\u0440\u0435\u0437 \u0437\u0430\u043f\u0438\u0442\u0438 Ajax<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/bqaGRR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d31df5a3.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0440\u0430\u0434\u0430\u0440\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430, \u0442\u0456\u043d\u0456, \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u0435 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/qVObdP\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d32c91f2.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435\u0439 \u0440\u0430\u0434\u0430\u0440 Chart.js \u043c\u0456\u0441\u0442\u0438\u0442\u044c \u0442\u0456\u043d\u0456 \u0442\u0430 \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u0435\u0444\u0435\u043a\u0442 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f.<\/p>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 Chart.js 1.x<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sethdavis512\/pen\/GoxdqK\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d33da000.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430<\/h3>\n<p><a href=\"https:\/\/codepen.io\/SitePoint\/pen\/WGZGNE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d34c90e1.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0432\u0441\u0435, \u0449\u043e \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u043e\u0457 \u043b\u0456\u043d\u0456\u0439\u043d\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0432 Chart.js. \u041f\u0440\u043e\u0441\u0442\u043e \u0432\u0441\u0442\u0430\u0432\u0442\u0435 \u0439\u043e\u0433\u043e \u0432 \u0431\u0443\u0434\u044c-\u044f\u043a\u0435 \u043c\u0456\u0441\u0446\u0435 \u043f\u0456\u0441\u043b\u044f \u043e\u0433\u043e\u043b\u043e\u0448\u0435\u043d\u043d\u044f HTML5.<\/p>\n<p>\u0423\u0441\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js \u0437\u0434\u0435\u0431\u0456\u043b\u044c\u0448\u043e\u0433\u043e \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u044e\u0442\u044c \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043e\u043c\u0443 \u0432\u0438\u0449\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u0443, \u0432\u0438\u043c\u0430\u0433\u0430\u044e\u0447\u0438, \u0449\u043e\u0431 \u0432\u0438 \u0432\u0438\u0432\u0447\u0430\u043b\u0438 \u0439\u043e\u0433\u043e \u043b\u0438\u0448\u0435 \u043e\u0434\u0438\u043d \u0440\u0430\u0437.<\/p>\n<h3>\u041a\u0440\u0443\u0433\u043e\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 SVG \u0456\u0437 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u044e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u043e\u044e \u0442\u0430 \u0435\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u043a\u0443\u0440\u0441\u043e\u0440\u0430<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/githiro\/pen\/xABCi\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d35baa11.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u043f\u043e\u043b\u044f\u0440\u043d\u0438\u0445 \u0437\u043e\u043d + \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043b\u0435\u0433\u0435\u043d\u0434\u0438 + \u0432\u0438\u043f\u0430\u0434\u043a\u043e\u0432\u0456 \u043a\u043e\u043b\u044c\u043e\u0440\u0438<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/michiel-huiskens\/pen\/XKRvxd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d36bc866.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0421\u043a\u043b\u0430\u0434\u0435\u043d\u0456 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0437 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jamiecalder\/pen\/NrROeB\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d37a615a.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0422\u0443\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e, \u044f\u043a \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0437 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u043c \u0441\u0442\u043e\u0441\u043e\u043c.<\/p>\n<h3>\u0417\u0433\u0440\u0443\u043f\u043e\u0432\u0430\u043d\u0430 \u0433\u0456\u0441\u0442\u043e\u0433\u0440\u0430\u043c\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/bencarmichael\/pen\/XeYJXJ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d38950b4.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0421\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430 Chart.js Donut<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/mab213\/pen\/PZOXdE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d397e80b.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0428\u0430\u0431\u043b\u043e\u043d \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 Vue<\/h3>\n<p><a href=\"https:\/\/codepen.io\/mattrothenberg\/pen\/VbQLJa\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3a736c8.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0431\u0443\u043b\u043e \u0437\u0440\u043e\u0431\u043b\u0435\u043d\u043e \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Vue, Tachyons \u0456 Chart.js.<\/p>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0431\u0443\u0431\u043b\u0438\u043a\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/balix\/pen\/XXwBpW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3b5fb87.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0440\u0435\u0436\u0438\u043c \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438 \u043b\u0456\u043d\u0456\u0439\u043d\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/ZeaLGj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3c6db10.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u0439 \u0432\u0456\u0434\u0436\u0435\u0442 \u0456\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0456\u0439\u043d\u043e\u0457 \u043f\u0430\u043d\u0435\u043b\u0456 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/klesht\/pen\/aOWKQN\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3d6077a.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435, \u0437\u0434\u0430\u0432\u0430\u043b\u043e\u0441\u044f \u0431, \u043f\u0440\u043e\u0441\u0442\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430, \u044f\u043a\u0430 \u0432\u0438\u0441\u0432\u0456\u0442\u043b\u044e\u0454 \u043e\u0434\u043d\u0443 \u0442\u043e\u0447\u043a\u0443 \u0434\u0430\u043d\u0438\u0445, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0443 \u044f\u043a \u0443\u043d\u0456\u043a\u0430\u043b\u044c\u043d\u0435 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f. Chart.js \u043d\u0430\u0434\u0430\u0454 \u0444\u0443\u043d\u043a\u0446\u0456\u044e \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u0457 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438, \u0430\u043b\u0435 \u0437\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c \u043d\u0435\u043c\u0430\u0454 \u043f\u0440\u044f\u043c\u043e\u0433\u043e \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0446\u0456\u043b\u044c\u043e\u0432\u043e\u0433\u043e \u0432\u0438\u0431\u043e\u0440\u0443. \u0421\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u0456 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438 \u0430\u0431\u043e \u0432\u0441\u0456 \u0443\u0432\u0456\u043c\u043a\u043d\u0435\u043d\u0456, \u0430\u0431\u043e \u0432\u0441\u0456 \u0432\u0438\u043c\u043a\u043d\u0435\u043d\u0456. \u0429\u043e\u0431 \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u0438 \u0446\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u0442\u0430 \u0432\u0438\u0434\u0456\u043b\u0438\u0442\u0438 \u043e\u043a\u0440\u0435\u043c\u043e, onAnimationComplete \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0444\u0443\u043d\u043a\u0446\u0456\u0457, \u044f\u043a\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440 if \u0434\u043b\u044f \u0432\u0438\u0431\u043e\u0440\u0443 \u0442\u043e\u0447\u043a\u0438 \u043d\u0430 \u0432\u043a\u0430\u0437\u0430\u043d\u0456\u0439 \u043c\u0456\u0442\u0446\u0456.<\/p>\n<h3>Chart.js \u0443 PNG \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e phantomjs\/casperjs<\/h3>\n<p><a href=\"https:\/\/codepen.io\/tfayyaz\/pen\/IFnGp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3e3f0d9.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u041e\u0441\u044c \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u043d\u0430 PNG \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e phantomjs\/casperjs, \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0445 \u0443 \u0449\u043e\u043c\u0456\u0441\u044f\u0447\u043d\u0456 \u043a\u043b\u0456\u0454\u043d\u0442\u0441\u044c\u043a\u0456 \u0437\u0432\u0456\u0442\u0438, \u044f\u043a\u0456 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u044e\u0442\u044c\u0441\u044f \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u044e \u043f\u043e\u0448\u0442\u043e\u044e.<\/p>\n<h3>Chart.js \u2013 \u043f\u0430\u043d\u0435\u043b\u044c \u0437\u0456 \u0448\u043a\u0430\u043b\u043e\u044e \u0447\u0430\u0441\u0443<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/adrianhurt\/pen\/GqvBzo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d3f2b049.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0411\u0443\u043b\u044c\u0431\u0430\u0448\u043a\u043e\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ruger161\/pen\/MyBvaE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d401d96c.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041f\u0440\u043e\u0441\u0442\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ksykes\/pen\/mwbZeL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4114ab8.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0433\u043b\u0430\u0434\u043a\u0438\u0439 \u043f\u043e\u043d\u0447\u0438\u043a<\/h3>\n<p><a href=\"https:\/\/codepen.io\/rozklad\/pen\/wPvRgW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d41ef96b.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043f\u043b\u0430\u0432\u043d\u0456 \u0432\u0435\u0440\u0445\u043d\u0456 \u043b\u0456\u043d\u0456\u0457, \u0437\u0430\u0441\u0442\u043e\u0441\u043e\u0432\u0430\u043d\u0456 \u0434\u043e \u043a\u0440\u0443\u0433\u043b\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 Chart.js.<\/p>\n<h3>Chart.js \u0443 \u0440\u0435\u0436\u0438\u043c\u0456 \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f<\/h3>\n<p><a href=\"https:\/\/codepen.io\/codeschubser\/pen\/PwajYp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d42d4233.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0442\u0435 \u043b\u0456\u043d\u0456\u0439\u043d\u0443 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0443 \u0437 Chart.js \u0443 \u043c\u043e\u0434\u0430\u043b\u044c \u043f\u043e\u0447\u0430\u0442\u043a\u043e\u0432\u043e\u0433\u043e \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f. \u0414\u0430\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u043d\u0430\u0434\u0456\u0439\u0448\u043b\u0438 \u0437 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0445 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c.<\/p>\n<h3>Chart.js \u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u043f\u043e\u043b\u044f\u0440\u043d\u043e\u0457 \u043e\u0431\u043b\u0430\u0441\u0442\u0456<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/visualinventor\/pen\/wrpNjp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d43aeedb.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0417\u0430\u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u0456 \u0441\u043c\u0443\u0433\u0438 Chart.js<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d449a122.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d449a122.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" ><\/a><\/p>\n<p>\u0426\u0435\u0439 \u043a\u043e\u0434 \u0440\u043e\u0437\u0448\u0438\u0440\u0435\u043d\u043d\u044f \u043a\u0443\u0442\u0456\u0432 \u043e\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043e\u0457 \u0433\u0456\u0441\u0442\u043e\u0433\u0440\u0430\u043c\u0438 \u0434\u043b\u044f Chart.js.<\/p>\n<h3>\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u0443\u0432\u0430\u043d\u043d\u044f Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/marcusvilete\/pen\/EEpKMx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4583614.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443\u0432\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u0443\u0432\u0430\u043d\u043d\u044f \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e chartjs-plugin-zoom.<\/p>\n<h3>\u0422\u0430\u0431\u043b\u0438\u0446\u044f \u043d\u0430\u0432\u0438\u0447\u043e\u043a<\/h3>\n<p><a href=\"https:\/\/codepen.io\/nodws\/pen\/ZWKbpe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d468adc0.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u043e\u0433\u043e \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0456\u043e \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Chart.js.<\/p>\n<h3>\u0421\u0442\u0430\u0442\u0438\u0441\u0442\u0438\u043a\u0430 SFW Wine<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jdfranel\/pen\/ZOAKLq\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d478a0c0.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0413\u0440\u0430\u0434\u0456\u0454\u043d\u0442\u0438 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/MillerTime\/pen\/wGRYxW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d487d707.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0421\u043f\u0430\u0440\u043a\u043b\u0430\u0439\u043d\u0438 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ojame\/pen\/HpKvx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4988ca7.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0412\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0439\u0442\u0435 Chart.js \u0456\u0437 Zepto \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0441\u043f\u0430\u0440\u043a\u043b\u0430\u0439\u043d\u0456\u0432. \u0421\u043f\u0430\u0440\u043a\u043b\u0430\u0439\u043d\u0438 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044f \u0448\u0432\u0438\u0434\u043a\u043e\u0457 \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0456\u0457.<\/p>\n<h3>\u041a\u043e\u043b\u044c\u0446\u0435\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u2013 JS Raphael (Responsive)<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ahsanrathore\/pen\/nwquz\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4a5629b.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u041a\u043e\u043b\u044c\u0446\u0435\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u2013 JS Raphael \u0456\u0437 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0438\u043c \u043c\u0430\u043a\u0435\u0442\u043e\u043c<\/p>\n<h3>\u0415\u043a\u0441\u043f\u0435\u0440\u0438\u043c\u0435\u043d\u0442\u0438 \u0437 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/arlekino\/pen\/Kkrah\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4b37dbc.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041f\u043e\u043b\u044f\u0440\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sandra-willford\/pen\/YYrZjo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4c29966.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u0420\u0430\u0434\u0430\u0440 \u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/h3>\n<p><a href=\"https:\/\/codepen.io\/themakshter\/pen\/VpPGzv\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4d1378c.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0434\u043b\u044f \u0433\u0440\u0430\u0444\u0456\u043a\u0430 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432 \u0456\u0437 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0430\u043c\u0438 \u043e\u0447\u0456\u043a\u0443\u0432\u0430\u043d\u0438\u0445 \u0434\u0430\u043d\u0438\u0445 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Chart.js.<\/p>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0456\u043e\u043d\u043d\u043e\u0457 \u043a\u0443\u0442\u043e\u0432\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438<\/h3>\n<p><a href=\"https:\/\/codepen.io\/VeldMuijz\/pen\/GJqZqV\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4e014a9.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0422\u0443\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0431\u0430\u0437\u043e\u0432\u0438\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 Angular Chart.js \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c Ionic.<\/p>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0430\u0434\u043c\u0456\u043d\u0456\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Bootstrap<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/htschmed\/pen\/EEGJZY\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4edd4da.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0411\u0443\u043b\u044c\u0431\u0430\u0448\u043a\u043e\u0432\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/PeterVeras\/pen\/MWgeLoE\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d4fbf375.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0421\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0434\u0456\u0430\u0433\u0440\u0430\u043c \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Bootstrap, Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/gichuwil\/pen\/OPBzQQ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d50a1948.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0422\u0435\u0441\u0442 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/timbergus\/pen\/EaLRWO\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5184bc0.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043f\u0440\u043e\u0441\u0442\u0438\u0439 \u0442\u0435\u0441\u0442 \u0434\u043b\u044f Chart.js.<\/p>\n<h3>\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u043b\u0456\u043d\u0456\u0439\u043d\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 angular-chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/hanigogo\/pen\/qadZkx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5290345.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0437\u043c\u0456\u043d\u0430 \u0442\u0438\u043f\u0443 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0442\u0430 \u0440\u0430\u043d\u0434\u043e\u043c\u0456\u0437\u0430\u0446\u0456\u044f \u0434\u0430\u043d\u0438\u0445<\/h3>\n<p><a href=\"https:\/\/codepen.io\/andrew_levinson\/pen\/NYXpvL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5388e64.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0431\u0443\u043b\u043e \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043e, \u0449\u043e\u0431 \u043f\u0440\u043e\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0443\u0432\u0430\u0442\u0438 \u043e\u043f\u0446\u0456\u044e \u0441\u043f\u0430\u0434\u043d\u043e\u0433\u043e \u043c\u0435\u043d\u044e \u0434\u043b\u044f \u0437\u043c\u0456\u043d\u0438 \u0432\u0430\u0448\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 Chart.js (\u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430: \u0441\u043f\u0435\u0440\u0448\u0443 \u0432\u0430\u043c \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u043e \u0437\u043d\u0438\u0449\u0438\u0442\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0443!). \u041a\u0440\u0456\u043c \u0442\u043e\u0433\u043e, \u0434\u043e\u0434\u0430\u043d\u043e \u043a\u0443\u043c\u0435\u0434\u043d\u0443 \u0444\u0443\u043d\u043a\u0446\u0456\u044e \u0440\u0430\u043d\u0434\u043e\u043c\u0456\u0437\u0430\u0446\u0456\u0457 \u0442\u043e\u0447\u043e\u043a \u0434\u0430\u043d\u0438\u0445 \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u043a\u043d\u043e\u043f\u043a\u0438, \u044f\u043a\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0454 \u0447\u0443\u0434\u043e\u0432\u0443 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0443 \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u044e.<\/p>\n<h3>\u0411\u0435\u0437 \u043d\u0430\u0437\u0432\u0438<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/chriswatts90\/pen\/yayoBg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d54771d8.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u043f\u0440\u0438\u0445\u043e\u0432\u0430\u0442\u0438 \u0456\u043d\u0448\u0456 \u043d\u0430\u0431\u043e\u0440\u0438 \u0434\u0430\u043d\u0438\u0445 \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \u043b\u0435\u0433\u0435\u043d\u0434\u0438 \u2013 \u041b\u043e\u0433\u0456\u0447\u043d\u0438\u0439 \u0432\u0430\u0440\u0456\u0430\u043d\u0442 1<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/BWKKKo\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d556de07.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js Bubble Graph<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/arunvelsriram\/pen\/abmZKYR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5688c54.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0430 \u0456\u043e\u043d\u043d\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/afrgun\/pen\/oZjObd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d576f430.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041f\u0456\u0434\u0442\u0432\u0435\u0440\u0434\u0436\u0435\u043d\u043d\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0456\u0457: Chart.js \u0456\u0437 \u0444\u043e\u043d\u043e\u0432\u0438\u043c \u0433\u0440\u0430\u0434\u0456\u0454\u043d\u0442\u043e\u043c<\/h3>\n<p><a href=\"https:\/\/codepen.io\/hofmannsven\/pen\/YzygMqO\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5863210.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430, \u044f\u043a\u0430 \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0443\u0454 \u0432\u0430\u0433\u0443 \u0432 \u0447\u0430\u0441\u0456. \u041b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u043c\u0430\u0454 \u0444\u043e\u043d\u043e\u0432\u0438\u0439 \u0433\u0440\u0430\u0434\u0456\u0454\u043d\u0442 \u0434\u043b\u044f \u043f\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0432\u0435\u0440\u0445\u043d\u0456\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u044c.<\/p>\n<h3>\u041b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 Chart.js \u0437 \u043d\u0435\u043f\u0440\u043e\u0437\u043e\u0440\u0456\u0441\u0442\u044e<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/rtd62\/pen\/NpZvQj\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d594b624.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u0433\u0456\u0441\u0442\u043e\u0433\u0440\u0430\u043c\u0438 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/xqrjGp\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5a4d298.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Vue.js \u0456 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/sethdavis512\/pen\/BWOmwP\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5b52258.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/xg-wang\/pen\/GmWwKR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5c9936c.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0414\u0438\u0437\u0430\u0439\u043d-\u043c\u0430\u043a\u0435\u0442 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0443 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jhawes\/pen\/gbPrbZ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5d9c376.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0431\u0430\u0437\u043e\u0432\u0438\u0439 \u043c\u0430\u043a\u0435\u0442 \u0430\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443 \u0437 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f\u043c Chart.js. \u0412\u0456\u043d \u0432\u0438\u043a\u043b\u0438\u043a\u0430\u0454 \u043a\u043e\u043b\u0456\u0440\u043d\u0443 \u0441\u0445\u0435\u043c\u0443 \u0437\u0430 \u0437\u0430\u043c\u043e\u0432\u0447\u0443\u0432\u0430\u043d\u043d\u044f\u043c \u0434\u043b\u044f \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 chart.js, \u043e\u0434\u043d\u043e\u0447\u0430\u0441\u043d\u043e \u0434\u043e\u0434\u0430\u044e\u0447\u0438 \u0434\u0435\u044f\u043a\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0442\u0430 \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0434\u0430\u043d\u0438\u0445 (\u043b\u0438\u0448\u0435 \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0443), \u044f\u043a\u0456 \u0431\u0443\u043b\u0438 \u0431 \u043a\u043e\u0440\u0438\u0441\u043d\u0438\u043c\u0438 \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0456 <a href=\"https:\/\/dexatel.com\/blog\/sms-marketing-campaign\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u0443<\/a>.<\/p>\n<h3>\u041f\u0435\u0440\u0435\u0442\u044f\u0433\u0443\u0432\u0430\u043d\u0456 \u0440\u0430\u0434\u0430\u0440\u043d\u0456 \u0442\u043e\u0447\u043a\u0438 Chart.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/ianhulme\/pen\/roOOPR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5e9dfc5.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435\u0439 \u043f\u043b\u0430\u0433\u0456\u043d Chart.js \u0434\u0430\u0454 \u043c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u0442\u044f\u0433\u0443\u0432\u0430\u0442\u0438 \u0442\u043e\u0447\u043a\u0438 \u0440\u0430\u0434\u0430\u0440\u0430 \u0432\u0433\u043e\u0440\u0443 \u0442\u0430 \u0432\u043d\u0438\u0437. \u0414\u043e\u0434\u0430\u0439\u0442\u0435 \u0442\u0440\u043e\u0445\u0438 \u0442\u043e\u043d\u043a\u043e\u0433\u043e \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0431\u0456\u043b\u044c\u0448 \u043f\u043b\u0430\u0432\u043d\u043e\u0457 \u0440\u043e\u0431\u043e\u0442\u0438.<\/p>\n<h3>\u0428\u0432\u0438\u0434\u043a\u0438\u0439 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 iOS Health App<\/h3>\n<p><a href=\"https:\/\/codepen.io\/mattrothenberg\/pen\/zqXJZX\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d5fbce90.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0428\u0432\u0438\u0434\u043a\u043e \u0441\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 Apple Health \u0434\u043b\u044f iOS \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e Chart.js + Dragula. \u041f\u0435\u0440\u0435\u0442\u044f\u0433\u043d\u0456\u0442\u044c \u0456 \u043a\u043b\u0430\u0446\u043d\u0456\u0442\u044c \u0441\u0435\u0433\u043c\u0435\u043d\u0442\u043e\u0432\u0430\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f, \u0449\u043e\u0431 \u0441\u043f\u043e\u0441\u0442\u0435\u0440\u0456\u0433\u0430\u0442\u0438 \u0437\u0430 \u043e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f\u043c \u0434\u0430\u043d\u0438\u0445.<\/p>\n<h3>\u0421\u0442\u043e\u0432\u043f\u0447\u0430\u0441\u0442\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u0437 \u043d\u0430\u043a\u043e\u043f\u0438\u0447\u0435\u043d\u043d\u044f\u043c Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/travishorn\/pen\/kkVKJG\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d60da0c1.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.js \u2013 \u0440\u0430\u0434\u0430\u0440\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u043b\u0438\u0448\u0435 \u043e\u0441\u0442\u0430\u043d\u043d\u044e \u043b\u0456\u043d\u0456\u044e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0443<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/MpqoZw\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d61f1d49.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Angular Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/it-labs\/pen\/BjQVym\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d62f0321.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>Chart.bundle.js RequireJS<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/adrianhurt\/pen\/ZOyKqJ\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d640671b.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0437 \u043c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044e \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u043d\u043d\u044f \u0432 Angular\/Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ChrisPerko\/pen\/qjYrBx\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6503a54.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041a\u0430\u043b\u0456\u0431\u0440\u0443\u0432\u0430\u043b\u044c\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430<\/h3>\n<p><a href=\"https:\/\/codepen.io\/haiiaaa\/pen\/rNVbmYy\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d661c85d.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u043f\u0440\u043e\u0441\u0442\u0430 \u043a\u0430\u043b\u0456\u0431\u0440\u0443\u0432\u0430\u043b\u044c\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 \u0434\u043b\u044f Chart.js.<\/p>\n<h3>Chart.js Donut Center Percentage<\/h3>\n<p><a href=\"https:\/\/codepen.io\/jordanwillis\/pen\/vxNRmW\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d671d90e.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u0430 \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u0430\u043d\u043d\u044f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043f\u0456\u0434\u043a\u0430\u0437\u043e\u043a Chart.js \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0432\u0456\u0434\u0441\u043e\u0442\u043a\u043e\u0432\u043e\u0457 \u043c\u0456\u0442\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0456 \u0431\u0443\u0431\u043b\u0438\u043a\u0430, \u043a\u043e\u043b\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447 \u043d\u0430\u0432\u043e\u0434\u0438\u0442\u044c \u043a\u0443\u0440\u0441\u043e\u0440 \u043d\u0430 \u0440\u043e\u0437\u0434\u0456\u043b.<\/p>\n<h3>\u0406\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432\u0456\u0434\u0441\u0442\u0435\u0436\u0435\u043d\u043d\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Jackthomsonn\/pen\/eJgoNR\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d68278b4.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u042f \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0432 Chart.js \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043b\u0456\u043d\u0456\u0439\u043d\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438, \u0456 \u0446\u0435 \u0431\u0443\u0432 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f BEM.<\/p>\n<h3>Chart.js \u043e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0442\u0438\u043f\u0443 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 + \u0437\u043c\u0456\u043d\u043d\u0438\u0439 \u0440\u043e\u0437\u043c\u0456\u0440<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/OutOfNutella\/pen\/ZyodWd\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6995d4d.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 D3<\/h3>\n<p><a href=\"https:\/\/codepen.io\/marcobiedermann\/pen\/GWGJvM\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6a9a539.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0430 \u043b\u0456\u043d\u0456\u0439\u043d\u0430 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0430 SVG, \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0430 \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e d3.js.<\/p>\n<h3>\u041f\u0440\u0438\u043a\u043b\u0430\u0434 \u043b\u0456\u043d\u0456\u0439\u043d\u043e\u0433\u043e \u0433\u0440\u0430\u0444\u0456\u043a\u0430 Chart.js<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/jaredkc\/pen\/OVbxqL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6bb6d52.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u0421\u0456\u0442\u043a\u0430 Chart.js \u0434\u043b\u044f \u0442\u0435\u043c\u043d\u043e\u0457 \u0442\u0435\u043c\u0438<\/h3>\n<h3><a href=\"https:\/\/codepen.io\/ruchern\/pen\/OgJqvr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6cd0835.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/h3>\n<h3>\u041e\u0431\u0435\u0440\u0442\u0430\u043d\u043d\u044f \u043a\u0440\u0443\u0433\u043b\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 (Chart.js)<\/h3>\n<p><a href=\"https:\/\/codepen.io\/markadrake\/pen\/gpWabB\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6de57e0.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0435 \u0448\u0432\u0438\u0434\u043a\u0430 \u0440\u0443\u0447\u043a\u0430 \u0434\u043b\u044f \u0456\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u043d\u043e\u0432\u043e\u0457 \u0432\u043b\u0430\u0441\u0442\u0438\u0432\u043e\u0441\u0442\u0456, \u044f\u043a\u0443 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043b\u044f \u043e\u0431\u0435\u0440\u0442\u0430\u043d\u043d\u044f \u043a\u0440\u0443\u0433\u043b\u043e\u0457 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438. \u0426\u0435\u0439 \u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0441\u0442\u043e\u0441\u0443\u0454\u0442\u044c\u0441\u044f \u0431\u0456\u0431\u043b\u0456\u043e\u0442\u0435\u043a\u0438 Chart.js.<\/p>\n<h3>Chart.Bands.js<\/h3>\n<p><a href=\"https:\/\/codepen.io\/Tarqwyn\/pen\/QNzNVg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d6f0710e.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u0426\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0447\u0443\u0434\u043e\u0432\u043e \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u044e\u0442\u044c, \u0456 \u0457\u0445 \u043b\u0435\u0433\u043a\u043e \u0434\u043e\u0434\u0430\u0442\u0438 \u043d\u0430 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u0438\u0439 \u0441\u0430\u0439\u0442. \u0410\u043b\u0435 \u0449\u043e, \u044f\u043a\u0449\u043e \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u0434\u043e\u0434\u0430\u0442\u0438 \u0457\u0445 \u0443 WordPress?<\/p>\n<p>\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0454\u043c\u043e <strong><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a><\/strong>, \u043f\u043b\u0430\u0433\u0456\u043d \u21161 \u0434\u043b\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044c \u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c \u0434\u043b\u044f WordPress.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-173852-61e83d7020a59.jpg\" alt=\"\u0427\u0443\u0434\u043e\u0432\u0456 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u044f\u043a\u0456 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u043d\u0430 \u0441\u0432\u043e\u0454\u043c\u0443 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0456\" \/><\/a><\/p>\n<p>\u041a\u043e\u0436\u043d\u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u044e WordPress \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u044f\u043a \u0434\u0436\u0435\u0440\u0435\u043b\u043e \u0434\u0430\u043d\u0438\u0445 \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0434\u0456\u0430\u0433\u0440\u0430\u043c WordPress. \u0414\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u043e\u0431\u0440\u043e\u0431\u043b\u044f\u044e\u0442\u044c\u0441\u044f \u0442\u0440\u044c\u043e\u043c\u0430 \u043f\u043e\u0442\u0443\u0436\u043d\u0438\u043c\u0438 \u043c\u0435\u0445\u0430\u043d\u0456\u0437\u043c\u0430\u043c\u0438 \u0442\u0430 \u043c\u043e\u0436\u0443\u0442\u044c \u0437\u043c\u0456\u043d\u044e\u0432\u0430\u0442\u0438\u0441\u044f \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c\u0443 \u0447\u0430\u0441\u0456: Google Charts, HighCharts \u0456 Chart.js. \u041f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u044c\u0442\u0435 \u0446\u044e <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">\u043f\u0440\u043e\u0441\u0442\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u0457,<\/a> \u0434\u0435 \u043c\u0438 \u0440\u043e\u0437\u043f\u043e\u0432\u0456\u0434\u0430\u0454\u043c\u043e, \u044f\u043a \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0443 \u0432 WordPress \u0437\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043e\u044e \u043d\u0430\u0448\u043e\u0433\u043e \u0437\u0440\u0443\u0447\u043d\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0456\u043d\u0430.<\/p>\n<p>\u042f\u043a\u0449\u043e \u0432\u0430\u043c \u0441\u043f\u043e\u0434\u043e\u0431\u0430\u043b\u043e\u0441\u044f \u0447\u0438\u0442\u0430\u0442\u0438 \u0446\u044e \u0441\u0442\u0430\u0442\u0442\u044e \u043f\u0440\u043e \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0438 Chart.js, \u0432\u0438 \u043f\u043e\u0432\u0438\u043d\u043d\u0456 \u043f\u0435\u0440\u0435\u0433\u043b\u044f\u043d\u0443\u0442\u0438 \u0446\u044e \u0441\u0442\u0430\u0442\u0442\u044e \u043f\u0440\u043e <a href=\"https:\/\/wordpress.mediadoma.com\/uk\/najkrashhi-dizajni-diagram-iz-interfejsiv-koristuvacha\/\" title=\"\u0434\u0438\u0437\u0430\u0439\u043d\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\">\u0434\u0438\u0437\u0430\u0439\u043d\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c<\/a>.<\/p>\n<p>\u041c\u0438 \u0442\u0430\u043a\u043e\u0436 \u043f\u0438\u0441\u0430\u043b\u0438 \u043f\u0440\u043e \u043a\u0456\u043b\u044c\u043a\u0430 \u043f\u043e\u0432&#8217;\u044f\u0437\u0430\u043d\u0438\u0445 \u0442\u0435\u043c, \u044f\u043a-\u043e\u0442 <a href=\"https:\/\/wordpress.mediadoma.com\/uk\/rizni-tipi-diagram-i-grafikiv-jaki-vi-vikoristovuvatimete\/\" title=\"\u0442\u0438\u043f\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\">\u0442\u0438\u043f\u0438 \u0434\u0456\u0430\u0433\u0440\u0430\u043c<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/uk\/jaka-najkrashha-alternativa-highcharts-viberit-odin-tut\/\" title=\"\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443 Highcharts\">\u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443 Highcharts<\/a> \u0456 \u0442\u0435, \u044f\u043a \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0447\u0443\u0434\u043e\u0432\u0456 <a href=\"https:\/\/wordpress.mediadoma.com\/uk\/jak-stvoriti-chudovi-diagrami-wordpress-za-dopomogoju-cih-plaginiv\/\" title=\"\u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 WordPress\">\u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 WordPress<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0414\u0436\u0435\u0440\u0435\u043b\u043e \u0437\u0430\u043f\u0438\u0441\u0443:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0423 \u0446\u0456\u0439 \u0441\u0442\u0430\u0442\u0442\u0456 \u0432\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u043d\u0430\u0439\u0442\u0438 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456\u0432 Chart.js \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0456\u0432. \u0406\u0441\u043d\u0443\u044e\u0442\u044c \u0440\u0456\u0437\u043d\u043e\u043c\u0430\u043d\u0456\u0442\u043d\u0456 \u0433\u0456\u0441\u0442\u043e\u0433\u0440\u0430\u043c\u0438, \u0441\u0435\u043a\u0442\u043e\u0440\u043d\u0456 \u0434\u0456\u0430\u0433\u0440\u0430\u043c\u0438 \u0442\u043e\u0449\u043e.<\/p>\n","protected":false},"author":1,"featured_media":173853,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[735,1023,849,725],"tags":[1174],"class_list":["post-228077","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-10","category-korysni-sajty","category-pidruchnyky","category-rozrobnyk","tag-affiai-uk"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts\/228077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/comments?post=228077"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/posts\/228077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/media\/173853"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/media?parent=228077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/categories?post=228077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/uk\/wp-json\/wp\/v2\/tags?post=228077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}