1 of 15

Візуалізація елементів табличної величини

За навчальною програмою 2017 року

Урок 56

Інформатика 9

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.

2 of 15

Візуалізація елементів табличної величини

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

Уявіть собі, що ви готуєтеся до виступу з доповіддю. Ваша доповідь виглядатиме більш наочною, якщо сухі цифри подати у вигляді кольорової діаграми. Діаграми будуються на основі числових даних, що містяться в таблицях, і допомагають аналізувати та порівнювати дані.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

3 of 15

Візуалізація елементів табличної величини

Розглянемо два способи побудови діаграм:

із використанням графічних методів модуля tkinter

за допомогою методів бібліотеки

matplotlib

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

4 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

Крім методу має інші корисні методи для керування поведінкою об’єктів.

Діаграма — це графічне зображення, у якому числові дані подано геометричними фігурами.

Діаграми можна створювати, програмуючи креслення графічних примітивів (лінія, прямокутник, сектор) графічними методами полотна Canvas, із якими ви знайомі з курсу 7 класу.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

5 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

ПРИКЛАД 1. Гістограма (стовпчикова діаграма) використовується для порівняння елементів табличної величини. Побудуємо гістограму показника успішності учнів 9-А класу з чотирьох предметів, значення якого занесені до списку ndu.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

6 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

Областю побудови діаграми є полотно об’єкта Canvas розмірами 300 × 220 пікселів. Координатні осі намальовані за допомогою методу canvas.create_line(). Для малювання стрілок до переліку параметрів методу додано параметри arrow та arrowshape.

Ряди даних побудовані методом create_rectangle().

Атрибуту arrow надано значення LAST, що задає розміщення стрілки в кінці лінії. Значення атрибуту аrrowshape задає розміри стрілки.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

7 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

До діаграми слід додати підписи осей і рядів даних. Розмістити текст на полотні можна за допомогою методу create_text(х, у, text).

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

8 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

Програмний код до прикладу 1

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

9 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

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

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

10 of 15

Побудова діаграм із використанням графічних методів модуля tkinter

Програмний код до прикладу 2

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

11 of 15

Цікавинка

Карен Спарк Джон – британська дослідниця, яка розробила технології пошуку, що дозволили користувачам і користувачкам працювати з комп'ютерами, використовуючи слова замість рівнянь та кодів.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

12 of 15

Питання для самоперевірки

  1. Обговоріть переваги і недоліки двох способів побудови діаграм.
  1. Поясніть послідовність операцій при побудові одного ряду даних за допомогою графічного методу модуля tkinter.
  1. Опишіть алгоритм побудови графіка змін деякої величини з використанням графічних методів модуля tkinter.

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

13 of 15

Домашнє завдання

Проаналізувати

§ 34, с. 199-202

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

14 of 15

Працюємо за комп’ютером

Сторінка

206

© Вивчаємо інформатику teach-inf.com.ua

Розділ 5

§ 34

15 of 15

Дякую за увагу!

За навчальною програмою 2017 року

Урок 56

Інформатика 9

teach-inf.com.ua

за підручником

Бондаренко О.О. та ін.