Презентація "Візуалізація табличних величин"

Візуалізація табличних величин© Тарценко В. С., вчитель інформатики Байрацького ліцею

Графічні методи tkinter. Полотно для малювання. У tkinter зображення створюється в межах полотна — об’єкта класу Canvas, який теж входить до модуля tkinter. Тому, перш ніж записувати команди для малювання, потрібно створити полотно. Синтаксис створення об’єкта класу Canvas:<змінна> = Canvas(<батьківський віджет>, width = <ширина>, height = <висота>)де width — ширина полотна; height — його висота, виражені в пікселях.

Графічні методи tkinter. Полотно для малювання. Створимо полотно розміром 500 × 250 пікселів: Для задавання положення точок на полотні використовують координати. Будь-яка точка може бути задана парою чисел (X, Y), де Х — відстань від точки до лівого краю полотна, Y — відстань від точки до верхнього краю полотна

Графічні методи tkinter. Методи для малювання фігур. Відрізок. Метод create_line креслить відрізок від точки з координатами (x1, y1) до точки з координатами (x2, y2):canvas.create_line(x1, y1, x2, y2)Прямокутник. Метод create_rectangle малює незаповнений прямокутник, у якого протилежні кути в точках (x1, y1) і (x2, y2). Сторони прямокутника паралельні сторонам екрана:canvas.create_rectangle(x1, y1, x2, y2)

Графічні методи tkinter. Методи для малювання фігур. Еліпс. Метод canvas.create_oval малює еліпс, вписаний у прямокутник, який задано координатами двох протилежних вершин (x1, y1) і (x2, y2) :canvas.create_oval(x1, y1, x2, y2)

Графічні методи tkinter. Методи для малювання фігур. Сектор. Сектор — це сегмент кола. Для малювання сектору треба викликати метод create_arc, передавши йому координати вершин прямокутника, до якого вписаний еліпс, частиною якого є дуга сектора (рис.3). Синтаксис виклику:canvas.create_arc(х1,у1, х2, у2, start, extent, style), дех1,у1, х2, у2 — координати вершин прямокутника;start — кут, з якого починається дуга;extent — кут розвертання дуги в градусах;style — стиль дуги. Для малювання сектора слід задати style = PIESLICEУВАГА!Відлік кутів ведеться проти годинникової стрілки!!!Щоб створити кольорові рисунки, до переліку параметрів графічних методів потрібно додати параметри fill (колір заливки) і outline (колір лінії). Можна також збільшити товщину лінії, задавши значення параметра width

Побудова гістаграм Областю побудови діаграми є полотно об’єкта Canvas (наприклад, 300 × 220 пікселів). Координатні осі малюємо за допомогою методу canvas.create_line(). Для малювання стрілок до переліку параметрів методу додано параметри arrow та arrowshape. Атрибуту arrow надано значення LAST, що задає розміщення стрілки в кінці лінії. Значення атрибуту аrrowshape задає розміри стрілки. Ряди даних будуємо методом create_rectangle().  Нижні сторони прямокутників (стовпців гістограми) розташовані на одному рівні (на осі Ох), тому координата y2 для нижнього кута стовпців дорівнює 200. Визначимо координати для побудови першого стовпця. Нехай координата х1 дорівнює 30 пікселів. Висота полотна дорівнює 220 пікселів, висота першого стовпця становить ndu[0]*20 (коєфіцієнт 20 використовується для масштабування прямокутників). Отже, координата y1 верхнього кута першого стовпця дорівнює 220 – ndu[0]*20 Ширина стовпця діаграми дорівнює 30 пікселів, тоді координата х2 першого стовпця становить (30 + 30) пікселів. Для і-го стовпця х1 = i * 30, х2 = i * 30 + 30

Побудова гістаграм До діаграми слід додати підписи осей і рядів даних. Розмістити текст на полотні можна за допомогою методу create_text(х, у, text). За замовчуванням у точці (х ,у) розташовується центр напису. Щоб розмістити за вказаними координатами ліву границю тексту, атрибуту anchor надається значення W (від англ. west — захід).

Побудова графіку Графіки використовуються для зображення зміни значень певної величини в певний період часу. Побудуємо графік зміни значень середньодобової температури повітря за тиждень, які зберігаються в списку а

Побудова кругової діаграми Алгоритм побудови кругової діаграми за значеннями елементів списку а:1) обчислити суму елементів списку: S=sum(a)2) знайти градусну міру сектора, що відповідає кожному значенню елемента списку:kut[i]=a[i]∗360/S3) побудувати всі сектори діаграми (у результаті сектори утворять повний круг)

Побудова діаграм засобами бібліотеки matplotlib. Після встановлення matplotlib можна у Python-файлі підключати модуль pyplot цієї бібліотеки, який містить функції для створення діаграм. Імпортуємо пакет pyplot і коротко позначимо його як plt.import matplotlib.pyplot as plt. Для побудови гістограм призначена функція plt.bar(<категорії>, <значення>)Для виведення зображення на екран використовується функція plt.show()Для підвищення наочності діаграми можна налаштувати такі властивості, як title (заголовок діаграми), xlabel, ylabel (підписи осей), grid (координатна сітка). Зазвичай графік являє собою пару значень (x, y), тому слід задавати два масиви: у першому будуть значення для осі x, у другому — для y

Побудова діаграм засобами бібліотеки matplotlib. Для побудови графіків призначена функція plot():plt.plot(<масив абсцис>, <масив ординат>)Побудуємо графік зміни значень середньодобової температури повітря за тиждень, які зберігаються в списку а, задавши синій колір лінії

Побудова діаграм засобами бібліотеки matplotlib. Для побудови кругової діаграми призначена функція pie():plt.pie(<масив значень> [, labels = <масив підписів даних>, autopct = "%.1f%%"]) 

Використані джерела:https://www.miyklas.com.ua/p/informatica/9-klas Інформатика : підруч. для 7 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. — Харків : Вид-во «Ранок», 2020Інформатика : підруч. для 9 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. — Харків : Вид-во «Ранок», 2022Інформатика : підруч. для 9 кл. закл. загал. серед. освіти / [О. О. Бондаренко, В. В. Ластовецький, О. П. Пилипчук, Є. А. Шестопалов]. — Харків : Вид-во «Ранок», 2022