Головна / Поради / Динамічна графіка в Adobe Illustrator. візуалізація даних

Динамічна графіка в Adobe Illustrator. візуалізація даних

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

Сутність динамічної графіки (Dynamic Data-Driven Graphics графіка динамічних даних) полягає в тому, що вона змінюється при зміні джерела даних. У підсумку замість підготовки сотні запрошень на банкет дизайнер може створити один-єдиний шаблон запрошення-ілюстрації, визначивши в ньому положення об'єктів із зазначенням типу кожного з них: текстовий, графічний та ін. Для кожного об'єкта встановлюється зв'язок із зовнішнім базою даних, а виконавши злиття конкретної записи даних з бази з шаблоном, можна на виході отримати іменоване запрошення для конкретної особи і, наприклад, роздрукувати його або відправити адресату по електронній пошті. Природно, якщо поміняти джерело даних, наприклад змінити номер запису, то у вікні програми з'явиться запрошення вже для іншої особи.

Іншими словами, керована даними графіка дозволяє автоматизувати процес підготовки однотипних зображень і отримати багаторазові версії зображення, повністю відповідають оригіналу-шаблоном, з мінімальними витратами часу. Тому вона є потужним засобом підвищення продуктивності розробки. Крім того, використання шаблонів дозволяє перевести співпрацю дизайнерів і програмістів на новий рівень, що забезпечує більш високу якість розробки. Дизайнер, створивши шаблон зображення і передавши програмісту відповідну йому бібліотеку даних, може бути абсолютно впевнений, що ніяких непередбачених змін в шаблоні не відбудеться. Для програміста відкривається можливість створення наборів даних в форматі XML, використовуючи який дизайнер сам, без залучення програміста, зможе імпортувати дані в файл програми Illustrator і створити остаточний проект на його основі.

Основи роботи з динамічними даними

Для роботи з динамічними даними призначена спеціалізована палітра Variables (Змінні) рис. 1, яка може бути відкрита або закрита і викликається зі списку палітр, що відкривається при активізації команди Window (Вікно).

Змінні визначають ознаки динамічних об'єктів і можуть бути чотирьох типів:

Graph Data (Дані для графіка) дозволяють створювати динамічні графіки;
Linked File (Зв'язаний файл) призначені для створення динамічних зображень, які пов'язані з конкретними графічними файлами;
Text String(Зв'язок з текстом) забезпечують створення динамічного тексту;
Visibility (Відомий) дозволяють зробити динамічної видимість окремого об'єкта та групи об'єктів; мають тільки два значення об'єкт або видно, чи ні.

Крім того, в процесі розробки можуть бути задіяні і не пов'язані з об'єктами змінні, які не мають типу, правда в подальшому їм все одно привласнюють один з вищеназваних типів. Зверніть увагу, що в палітрі Variables зліва від імені змінної видно її іконка, по якій легко зорієнтуватися і визначити, до якого типу належить та чи інша змінна (рис. 2).

Мал. 2. Палітра Variables з усіма типами змінних: Variable1 тип Graph Data, Variable 2 тип Linked File, Variable 3 тип Text String, Variable 4 тип Visibility, Variable 5 незв'язана змінна без типу

Динамічні об'єкти незалежно від їх типу можуть бути піддані звичайному редагування і після зв'язування їх з змінними.

Деякі важливі правила

За замовчуванням змінні в палітрі Variables отримують нічого не значущі імена: Variable1, Variable2 і т.д. Краще змінювати такі імена на значущі це полегшує орієнтацію в XML-файлі під час роботи.
Теоретично текстові об'єкти можуть розташовуватися як в одному текстовому блоці, так і в різних як правило, при вирішенні питання про об'єднання в єдиний блок або розбитті тексту на окремі блоки керуються зручністю його оформлення. Однак все динамічні текстові об'єкти повинні бути представлені в окремих блоках.
Зображення, заплановані як динамічні, повинні бути не просто поміщені в документ, а обов'язково вставлені зі збереженням посилання на файл командою File \u003d\u003e Place (Файл \u003d\u003e Помістити). Зверніть увагу, що у вікні Place (Помістити) повинна бути відзначена опція Link (Зв'язок). Природно, файли-зображення повинні бути попередньо підготовлені і розміщені в спеціальній папці проекту.
При створенні динамічних графіків не можна вводити дані для категорій для них призначений перший стовпець таблиці Data (Дані). Справа в тому, що при переході від одного запису даних до наступної інформація в першому стовпці починає сприйматися програмою як числові дані графіка, а не як категорії, і графік виявляється зіпсованим.
Одному об'єкту (текстовому або графічному як зображення, так і графіку) може не відповідати ні однієї змінної, якщо він не є динамічним, а може відповідати одна або, в окремих випадках, дві змінні. Дві змінні бувають в разі, якщо не тільки змінюється вміст об'єкта, наприклад один текст замінюється іншим, але і для якихось записів об'єкт повинен здаватися видимим, а для якихось немає.

технологія роботи

Існують різні технології створення динамічних змінних можна послідовно створювати об'єкти і тут же формувати пов'язані з ними змінні, а можна спочатку визначити всі необхідні в проекті змінні, потім створити всі об'єкти, а потім зробити зв'язування об'єктів зі змінними. Складно сказати, який з підходів краще, так як обидва варіанти приводять до однакового результату і займають приблизно однакову кількість часу. Тому вибір технології визначається суто особистими уподобаннями користувача.

Якщо йти по першому шляху, то зручніше за все діяти послідовно: створити перший об'єкт, наприклад текстовий, виділити його інструментом Selection і клацнути на кнопці Make Text Dynamic (Створити текстовий динамічний об'єкт) палітри Variables (рис. 3) це автоматично призведе до появи в палітрі Variables змінної типу Text String (рис. 4).

Можна створювати і не пов'язані з конкретними об'єктами змінні, а пов'язувати їх потім, після закінчення всієї роботи. В цьому випадку слід клацнути на кнопці New Variable (Нова змінна) палітри Variables або на однойменній команді даної палітри це призведе до появи в палітрі вільної змінної (рис. 5). Надалі вільні змінні нескладно пов'язати з конкретними об'єктами. Наприклад, для зв'язку даної змінної зі створеним раніше текстовим об'єктом потрібно виділити об'єкт і призначену для нього змінну в палітрі Variables і клацнути на тій же кнопці Make Text Dynamic (Створити текстовий динамічний об'єкт) вільна змінна виявиться пов'язаної з текстом (рис. 6).

Мал. 5. Вид палітри Variables і вікна Variable Options для вільної змінної

Якщо тип змінної вибраний невірно, то для його перевизначення досить двічі клацнути в палітрі на імені змінної і в списку Type (Тип) вказати потрібний тип (рис. 7). Двічі клацнувши на імені змінної, можна змінити і її ім'я.

Якщо якісь характеристики змінних для конкретної записи з набору даних були задані невдало, то їх нескладно змінити, а потім не створювати новий запис даних, а оновити вже наявну за допомогою команди Update Data Set(Оновити набір даних) з палітри Variables.

Видалення змінної проводиться звичайним чином шляхом її виділення і застосування команди Delete Variable (Видалити змінну) з палітри Variables, Можна і просто клацнути на однойменній кнопці палітри результат буде той же.

Після закінчення створення і визначення всіх потрібних змінних їх зберігають за допомогою команди Save Variable Library(Зберегти бібліотеку змінних) з меню палітри Variables (Рис. 8), вказавши для нього підходяще ім'я. Збережений файл має формат XML, і його можна відкрити, використовуючи різні програми, зокрема «Блокнот», а потім внести необхідні правки.

Збережено командою Save Variable Library файл з динамічними даними ні в якій мірі не замінює графічний файл-шаблон, який також повинен бути збережений, причому в форматі SVG, призначеному, в числі іншого, для зберігання динамічної графіки. Збереження шаблону здійснюється командою File \u003d\u003e Save As(Файл \u003d\u003e Зберегти як) при включеній опції Include Extended Syntax for Variable Data (Включити розширений синтаксис для змінних) (рис. 9) для установки даного прапорця буде потрібно клацнути на кнопці Advanced (Налаштування).

Обидва файли шаблон і бібліотека з записами тісно взаємопов'язані і дозволяють створювати серії однотипних зображень, що міняються при зміні вихідних даних бібліотеки. Варто мати на увазі, що якщо надалі передбачається використання шаблону з іншими продуктами Adobe, наприклад при розробці динамічних сайтів, то його потрібно зберігати не тільки в форматі SVG, а й, з огляду на існуючі вимоги до формування імен; в XML. Для цього попередньо в настройках програми необхідно включити підтримку XML ID за допомогою команди Edit \u003d\u003e Preferences \u003d\u003e Units & Undo (Редагування \u003d\u003e Параметри \u003d\u003e Одиниці виміру та відкат) рис. 10.

Не можна не помітити, що зберігання інформації в різних файлах дуже зручно при спільній розробці проектів, коли дизайнер спокійно займається оформленням, зберігаючи зображення в SVG, а програміст забезпечує його потрібної базою даних в форматі XML, доповнюючи бібліотеку із записами даних, сформовану дизайнером на початковій стадії підготовки.

динамічний текст

Для прикладу намалюйте довільний стаціонарний об'єкт, який при зміні даних залишатиметься незмінним, і надрукуйте текст, який за задумом повинен стати динамічним (рис. 11). На даному етапі палітра Variables поки не містить жодної змінної.

Виділіть текстовий об'єкт і клацніть на кнопці Make Text Dynamic (Створити текстовий динамічний об'єкт) рис. 12 палітри Variables або виберіть однойменну команду з меню даної палітри. У палітрі Variables з'явиться змінна Variable1, пов'язана з даними текстовим об'єктом (рис. 13). Зверніть увагу, що при створенні змінної на основі текстового об'єкта не потрібно потім визначати тип змінної програма автоматично привласнює такої змінної тип Text String, в чому неважко переконатися, двічі клацнувши на імені змінної (рис. 14). Збережіть наявні на екрані дані як перший запис створюваної бази, клацнувши на кнопці Capture Data Set(Запам'ятовування набору даних) палітри Variables (рис. 15). Після цього відкрийте в палітрі Variables перелік Data Set(Набори даних) і переконайтеся, що в базі даних дійсно з'явився перший запис Data Set 1(Набір даних 1) рис. 16. Виділіть текстовий об'єкт і змініть в ньому прізвище і ім'я і знову клацніть на кнопці Capture Data Set(Запам'ятовування набору даних) палітри в результаті ви отримаєте другий запис даних (рис. 17). Щоб упевнитися, що все працює, послідовно поміняйте в палітрі Variables рядки даних: з Data Set 2на Data Set 1, І навпаки зміна даних буде приводити до зміни тексту на екрані, тобто можна констатувати, що текстовий об'єкт дійсно став динамічним.

Мал. 13. Вид палітри Variables після створення динамічного текстового об'єкта

Мал. 17. Форма зображення з палітрою Variables активна другий запис Data Set 2

Save Variable Library Variables, Вказавши для неї відповідне ім'я. Збережений файл має формат XML, і його можна відкрити, використовуючи різні програми, зокрема «Блокнот» (рис. 18). Зверніть увагу, що рядки з даними D ata Set 1 і Data Set 2 абсолютно ідентичні і відрізняються тільки самим текстом (прізвищем і ім'ям), оформленим як динамічної змінної. Тому при створенні великих наборів однотипних даних не варто вручну вводити їх безпосередньо в програмі Illustrator і оформляти потім як черговий рядок даних. Набагато швидше і простіше відкрити в блокноті створений XML-файл, скопіювати потрібний фрагмент певну кількість разів і послідовно замінити в ньому номер запису та пов'язані з нею дані: в нашому випадку прізвище та ім'я і т.д. На рис. 19 показаний результат такого редагування файлу. Після цього необхідно зберегти XML-файл і підключити до робочого зображенню програми Illustrator доповнену базу, скориставшись командою Load Variables Library (Завантажити бібліотеку змінних) з меню палітри Variables (Варіанти). В списку Data Set (Набір даних) буде вже не два, а чотири варіанти (рис. 20). Очевидно, що при зміні рядка даних, наприклад на Data Set 3, Текст на зображенні також зміниться (рис. 21).

Мал. 18. Вид файлу з динамічними даними, відкритого в «Блокноті», кольором виділені рядки, що стосуються створеної змінної Variable1

Мал. 19. Вид відредагованого в «Блокноті» файлу з динамічними даними з'явилися дані ще для двох осіб

Мал. 21. Вид зображення з палітрою Variables активна третя запис Data Set 3

Після закінчення роботи збережіть шаблон зображення у форматі SVG, скориставшись командою File \u003d\u003e Save As (Файл \u003d\u003e Зберегти як).

динамічні зображення

Динамічні зображення створюються дещо інакше, ніж динамічний текст. На відміну від тексту, динамічне зображення повинно не тільки з'явитися на екрані, але і обов'язково мати посилання на відповідний файл, що зберігається на диску. Тому його не можна просто намалювати або скопіювати з іншого документа динамічне зображення вставляється в шаблон командою File \u003d\u003e Place (Файл \u003d\u003e Link (Зв'язок).

Для прикладу активізуйте дані Data Set 1і вставте за допомогою команди File \u003d\u003e Place (Файл \u003d\u003e Помістити) потрібне зображення, не забувши підсвітити прапорець Link(Зв'язок) рис. 22. Обрана фотографія з'явиться на екрані, але вона не буде поки виконувати роль динамічного зображення, в чому неважко переконатися, переходячи з одних даних в поле Data Set(Набір даних) на інші. Та й нової змінної в палітрі Variables після вставки зображення не з'явиться. Щоб створити пов'язану із зображенням змінну, виділіть зображення і клацніть на кнопці Make Linked File Dynamic (Створити динамічний пов'язаний файл) палітри Variables (Рис. 23). Зверніть увагу, що в залежності від типу виділеного об'єкта призначення і підпис кнопки змінюються: раніше при створенні динамічного тексту та ж сама кнопка називалася інакше Make Text Dynamic (Створити текстовий динамічний об'єкт). Після виконання команди в палітрі Variables з'явиться нова змінна Variable 2, Причому знову з вірно визначених програмою типом Linked File (Зв'язаний файл), у чому можна переконатися двічі клацнувши на імені змінної (рис. 24).

Мал. 24. Вид зображення з палітрою Variables і відкритим вікном Variable Options

Збережіть бібліотеку даних за допомогою команди Save Variable Library(Зберегти бібліотеку змінних) з меню палітри Variables, А потім відкрийте відповідний їй файл в «Блокноті» (рис. 25). Видно, що посилання на зображення, взяте з диска, з'явилася не тільки на робочій записи Data Set 1, А й у всіх інших значить, при переході з однієї записи на іншу прізвище та ім'я будуть змінюватися, а фотографія залишиться незмінною. Для того щоб при зміні записи відбувалася і заміна знімка в XML-файлі, слід поміняти імена підвантажуваних в шаблон файлів, наприклад так, як показано на рис. 26. Збережіть редагований XML-файл, перейдіть в Illustrator і підключіть доповнену базу за допомогою команди Load Variables Library Variables(Варіанти). В списку Data Set(Набір даних) буде як і раніше чотири записи, однак при зміні рядка даних, наприклад на Data Set 2, Буде змінюватися не тільки текст, а й зображення (рис. 27).

Мал. 25. Вид файлу з динамічними даними, відкритого в «Блокноті», у всіх чотирьох записах посилання на один і той же файл

Мал. 26. Вид відредагованого файлу з динамічними даними в кожного запису посилання на свій файл

Мал. 27. Вид зображення з палітрою Variables активна запис Data Set 2

Після закінчення роботи збережіть шаблон у форматі SVG, скориставшись командою File \u003d\u003e Save As (Файл \u003d\u003e Зберегти як).

динамічні графіки

Графіки при бажанні також можна зробити динамічними, тобто їх зовнішній вигляд буде залежати від обраних в списку Data Set(Набір даних) даних. Технологія створення динамічних графіків значною мірою відрізняється від створення динамічного тексту і динамічних зображень.

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

Розглянемо варіант створення найпростішого динамічного графіка в якості типу графіка виберемо кругову діаграму Pie. Візьмемо на панелі інструментів інструмент Pie Graph, Окреслимо їм прямокутну область, яку імовірно повинна займати діаграма, в таблиці, введемо дані і клацнемо на кнопці Apply (Застосувати). Результат показаний на рис. 28. Виділимо графік інструментом Selection і клацнемо на кнопці Make Graph Dynamic (Створити динамічний графік) палітри Variables (рис. 29) це автоматично призведе до появи в палітрі Variables змінної типу Graph Data (Рис. 30). Збережіть наявні на екрані дані як перший запис створюваної бази, клацнувши на кнопці Capture Data Set Variables (Рис. 31).

Мал. 28. Первісний вигляд діаграми з даними, відповідними першому рядку створюваної бази даних

Не знімаючи виділення з діаграми, перейдіть в таблицю даних, змініть дані так, щоб вони відповідали другому записі створюваної бази даних і клацніть на кнопці Apply (Застосувати). Тільки після цього клацніть на кнопці Capture Data Set(Запам'ятовування набору даних) палітри Variables(Рис. 32) для створення другого запису даних. Щоб упевнитися, що все працює, послідовно поміняйте в палітрі Variables рядки даних: з Data Set 2 на Data Set 1 і навпаки зміна даних буде приводити до зміни графіка, тобто можна констатувати, що графік дійсно став динамічним.

Збережіть отриману бібліотеку за допомогою команди Save Variable Library Variables, А потім відкрийте створений XML-файл в «Блокноті» (рис. 33). Нескладно помітити, що структура рядків з даними Data Set 1 і Data Set 2 однакова, а різняться лише числові дані графіків. Тому не складе ні найменшого праці зробити необхідну кількість копій відповідних рядків, змінити в них самі номери рядків на Data Set 3, Data Set 4 і т.д., а потім внести необхідні числові зміни для графіків, наприклад як показано на рис. 34. Збережіть редагований XML-файл, перейдіть в Illustrator і підключіть доповнену базу командою Load Variables Library (Завантажити бібліотеку змінних) з меню палітри Variables (Рис. 35).

Мал. 34. Вид відредагованого в «Блокноті» файлу з динамічними даними з'явилися дані Data Set 3, які виділені кольором

Мал. 35. Зображення з палітрою Variables і вікном Data видно, що графік змінився на краще, у вікні Data дані відповідають третьому записі

Після закінчення роботи збережіть шаблон у форматі SVG, скориставшись командою File \u003d\u003e Save As(Файл \u003d\u003e Зберегти як).

динамічна видимість

Як вже було зазначено, змінні, для яких визначено тип Visibility (Відомий), призначені для реалізації динамічної видимості об'єктів. Іншими словами, можна зробити так, що при одних вихідних даних будь-який об'єкт текст, зображення або графік може бути видимим, а при інших немає.

Розглянемо найпростішу ситуацію даного типу. Уявіть, що необхідно підготувати і розіслати запрошення на презентацію, при цьому запрошення можуть бути двох типів: звичайні і привілейовані, що відрізняються від звичайних наявністю спеціально графічного символу. Очевидно, що дане графічне зображення присутнє в шаблоні, але як об'єкт типу Visibility(Відомий): воно виявляється видимим на привілейованих запрошеннях і приховано на звичайних.

Створіть довільний фон для запрошення, надрукуйте стандартний текст, а потім намалюйте зображення, яке буде грати роль такого розпізнавального знака в нашому випадку це буде група з двох об'єктів, розміщена в нижній правій частині зображення (рис. 36). Виділіть групу об'єктів інструментом Selection і клацніть на кнопці Make Visibility Dynamic (Створити динамічну видимість) рис. 37. Результатом стане поява в палітрі Variablesзмінної Variable 1потрібного нам типу, в чому неважко переконатися, двічі клацнувши на імені змінної (рис. 38). Клацніть на кнопці Capture Data Set (Запам'ятовування набору даних) палітри Variables для створення першого запису даних (рис. 39).

Мал. 38. Палітра Variables з відкритим вікном Variable Options після створення динамічно видимої змінної

Мал. 39. Поява першого запису даних Data Set 1

Збережіть отриману бібліотеку за допомогою команди Save Variable Library (Зберегти бібліотеку змінних) з меню палітри Variables, А потім відкрийте файл в «Блокноті» (рис. 40). Для того щоб при зміні записи відбувалося приховування групи об'єктів, для яких встановлена \u200b\u200bдинамічна видимість, слід зробити копію даних для другого запису Data Set 2 і змінити для неї значення змінної Variable 1 з true на false (Рис. 41). Збережіть редагований файл, перейдіть в Illustrator і підключіть доповнену базу за допомогою команди Load Variables Library (Завантажити бібліотеку змінних) з меню палітри Variables (Варіанти). В списку Data Set(Набір даних) тепер буде два записи: при першій цікавить нас група об'єктів буде видно (рис. 42), а при другій немає (рис. 43).

Мал. 40. Вид файлу з динамічної видимістю, відкритого в «Блокноті», одна змінна і поки одна запис Data Set 1

Мал. 41. Вид відредагованого файлу з динамічної видимістю додалася запис Data Set 2

Мал. 42. Вид зображення з палітрою Variables, активна запис Data Set 1 зображення мабуть

Мал. 43. Вид зображення з палітрою Variables, активна запис Data Set 2 зображення приховано

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

Іменна вітальна листівка

Сьогодні віртуальні листівки відправляють навіть частіше, ніж звичайні. Способів створити вітальну листівку безліч, однак основною проблемою залишається розробка унікальних листівок для конкретних адресатів. Якщо ви все ж зважилися створити індивідуальні фірмові листівки, що, безсумнівно, справить гарне враження, наприклад, на корпоративних партнерів, то не варто забувати про те, що без застосування шаблонів дизайнеру доведеться створити сотні примірників одного і того ж файлу, кожен раз вручну вводячи на листівці персональне звернення до адресата. З шаблонами все виявиться на порядок простіше, більш того, створивши один раз шаблон і базу, можна буде в подальшому міняти лише фон листівки і сотня персональних листівок з оновленим дизайном до наступного свята виявиться готова.

Обговоримо ситуацію. У найпростішому випадку на листівці будуть три види об'єктів: вихідне статичне зображення-фон, динамічний текст звернення, який буде змінюватися, і статичний текст привітання. В якості фону для листівки візьмемо рис. 44 по ідеї його повинен створити дизайнер фірми, забезпечивши його логотипом компанії. Надрукуйте як окремі об'єкти персональний і стандартний тексти можливо, результат буде нагадувати рис. 45. Виділіть текст звернення і для створення динамічної текстової змінної клацніть на кнопці Make Text Dynamic(Створити текстовий динамічний об'єкт) палітри Variables. В результаті буде створена змінна типу Text String, Що містить текст звернення (рис. 46). Збережіть наявні на екрані дані як перший запис створюваної бази, клацнувши на кнопці Capture Data Set (Запам'ятовування набору даних) палітри Variables в базі даних з'явиться перший запис Data Set 1. Виділіть текстовий об'єкт і змініть в ньому прізвище і по батькові і знову клацніть на кнопці Capture Data Set (Запам'ятовування набору даних) палітри Variables результатом стане отримання другого запису даних (рис. 47).

Мал. 45. Додавання двох текстових об'єктів динамічного і статичного до листівки

Мал. 46. \u200b\u200bВид зображення з палітрою Variables і вікном Variable Options після створення змінної

Мал. 47. Вид зображення з палітрою Variables активна запис Data Set 2

Збережіть бібліотеку за допомогою команди Save Variable Library (Зберегти бібліотеку змінних) з меню палітри Variables. Збережіть шаблон у форматі SVG, скориставшись командою File \u003d\u003e Save As (Файл \u003d\u003e Зберегти як). Після цього залишиться відкрити файл бібліотеки в «Блокноті», доповнити його потрібною кількістю записів і серія персональних листівок готова.

візитка

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

Розглянемо приклад створення найпростішої візитки. Будемо вважати, що візитка має білий фон, одне статичне зображення логотип компанії, один статичний текст назва компанії, динамічне зображення фотографію людини і серію динамічних текстів: посада, прізвище та ім'я, адресу з номером кімнати, телефон, факс і e- mail. Спочатку просто створимо на екрані відповідні об'єкти, можливо, що ви отримаєте приблизно таке зображення візитки, як показано на рис. 48. Не забудьте, що вставляти зображення необхідно командою File \u003d\u003e Place (Файл \u003d\u003e Помістити) з включеним прапорцем Link (Зв'язок), а всі численні тексти повинні бути представлені окремими об'єктами. На наступному етапі потрібно послідовно створити для кожного динамічного об'єкта свою змінну здійснити це найпростіше, виділяючи черговий об'єкт і клацаючи кожен раз на одній і тій же кнопці палітри Variables, Яка в залежності від типу обраного об'єкта буде називатися Make Text Dynamic(Створити текстовий динамічний об'єкт) або Make Linked File Dynamic (Створити динамічний пов'язаний файл). Отримана в результаті палітра Variables показана на рис. 49. У процесі створення змінних не варто міняти їх імена на більш значущі, так як виникнуть проблеми при їх нумерації. Зате після закінчення процесу створення змінних перейменування слід виконати, інакше в подальшому при настільки великому числі змінних складно буде орієнтуватися в XML-файлі (рис. 50). Збережіть наявні на екрані дані як перший запис створюваної бази, клацнувши на кнопці Capture Data Set (Запам'ятовування набору даних), в базі з'явиться перший запис Data Set 1 (Рис. 51).

Мал. 51. Вид зображення з палітрою Variables активна запис Data Set 1

Збережіть отриману бібліотеку командою Save Variable Library (Зберегти бібліотеку змінних) з меню палітри Variables, А потім відкрийте відповідний їй файл в «Блокноті» (рис. 52). Зробіть копію першого запису і змініть в ній дані таким чином, щоб вони відповідали наступного співробітнику компанії (рис. 53). Збережіть редагований файл, перейдіть до програми Illustrator і завантажте відредаговану бібліотеку командою Load Variables Library (Завантажити бібліотеку змінних) з меню палітри Variables(Варіанти). В списку Data Set (Набір даних) тепер буде вже не одна, а дві записи (рис. 54). Дані про всі інші співробітників доведеться точно так же ввести в бібліотеку і серія візиток буде готова.

Мал. 52. Вид бібліотеки в «Блокноті» в бібліотеці поки тільки один запис Data Set 1

Мал. 53. Вид бібліотеки в «Блокноті» поява другого запису Data Set 2, яка підсвічена іншим кольором

Мал. 54. Вид зображення з палітрою Variables активна другий запис Data Set 2

Комбіноване зображення з динамічної діаграмою для звіту або презентації

Нудні колонки цифр мало кого надихають, тому досить часто числові статистичні дані оформляють у вигляді барвистих діаграм, які доречні в річному звіті компанії, тижневику фінансових новин, на презентації проекту і т.п. Однак найчастіше зображення, наприклад для презентації або звіту, включає не тільки діаграму, а й безліч іншої інформації. І нерідко або весь цей набір даних повинен змінюватися в залежності від вибору користувача (мова йде, зокрема, про презентації), або в звіті присутній ціла серія однотипних зображень з діаграмами, вся різниця між якими полягає лише в тому, що змінюється найменування розглянутого показника і відповідно сама діаграма. Допомогти в такій ситуації можуть динамічні діаграми.

Спробуємо створити варіант такого зображення, орієнтуючись на презентацію або на звіт, в якому буде фігурувати кілька однотипних сторінок з діаграмами, що відбивають зміна обсягів продажів деяких товарів. Створіть вихідну діаграму з потрібними заголовками в нашому простому випадку зображення буде містити два статичних заголовка, один динамічний заголовок з найменуванням товару і динамічний графік (рис. 55).

Потім послідовно створіть для обох динамічних об'єктів свої змінні, кожен раз виділяючи об'єкт і клацаючи на одній і тій же кнопці палітри Variables, яка в залежності від типу обраного об'єкта буде називатися Make Text Dynamic (Створити текстовий динамічний об'єкт) або Make Graph Dynamic (Створити динамічний графік). Отримана в результаті палітра Variables представлена \u200b\u200bна рис. 56. Збережіть наявні на екрані дані як перший запис створюваної бази, клацнувши на кнопці Capture Data Set(Запам'ятовування набору даних), в базі з'явиться перший запис Data Set 1. Збережіть отриману бібліотеку командою Save Variable Library (Зберегти бібліотеку змінних) з меню палітри Variables, А потім відкрийте відповідний файл в «Блокноті» (рис. 57). Зробіть копію першого запису і змініть в ній дані так, щоб вони відповідали наступного товару (рис. 58). Збережіть редагований файл, перейдіть до програми Illustrator і завантажте відредаговану бібліотеку командою Load Variables Library (Завантажити бібліотеку змінних) з меню палітри Variables (Варіанти). В списку Data Set (Набір даних) тепер буде вже не одна, а дві записи (рис. 59). Дані про інші товари потрібно ввести аналогічним чином в XML-файл, і ви отримаєте серію динамічних зображень з різними для різних записів графіками і підписами.

Мал. 57. Вид бібліотеки в «Блокноті» в бібліотеці поки тільки один запис Data Set 1

Мал. 58. Вид бібліотеки в «Блокноті» з'явилася друга запис Data Set 2

Мал. 59. Вид зображення з палітрою Variables активна другий запис Data Set 2

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

Якщо розглядати статистичний графік в двовимірному зображенні, то в ньому можна виділити наступні елементи:

поле графіка - це простір, в якому розміщуються геометричні знаки, що утворюють графік. Воно повинно мати певні розміри і пропорції сторін. Розмір графіка повинен відповідати його призначенню (виставка, лекція, звіт, доповідь, книга, стаття). Пропорції графіка визначаються естетичними міркуваннями, тобто повинна бути геометрична гармонія. Цій вимозі краще відповідає графік з нерівними сторонами поля. У практиці застосовують формати з співвідношенням сторін від 1: 1, 33 до 1: 1, 5. Зручні графіки зі сторонами поля 1: √2. У деяких випадках зручна квадратна форма поля.

геометричні знаки - це знаки, за допомогою яких формується поняття про що відображаються на графіках явищах. Знаки-символи утворюють основу графіка. Це можуть бути точки, відрізки прямих, кола, сектори, геометричні фігури, силуети. Правильний вибір символів для графіка має важливе значення. Знак звертає увагу читача на потрібний аспект. Вибір знака залежить від того, який аспект явища треба підкреслити.

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

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

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

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

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

Головне ж вимога до графіка - це хороша читаність графіка, простота і витонченість (ніяких деталей, що відволікають від основного змісту графіка).

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

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

У столбикових і смугових діаграмах величина ознаки може бути виражена абсолютними, відносними і середніми величинами. Використовуються стовпчикові і смугові діаграми для порівняння одного або декількох показників в комбінації по різних об'єктах, для характеристики динаміки явищ, для порівняння структури явищ (ріс.1-5).

Малюнок 1. Столбиковая діаграма порівняння.

Малюнок 2. Столбиковая діаграма порівняння за двома ознаками.

Малюнок 3. Смугова діаграма порівняння.

Малюнок 4. Вікова піраміда населення.

Малюнок 5.Столбіковая діаграма порівняння структури.

площинні діаграмивисловлюють величину відображуваного явища розміром площі відповідної геометричної фігури (квадрата, прямокутника, трикутника, кола і т.д.). За допомогою площинних діаграм можна виробляти порівняння явищ в просторі і в динаміці, характеризувати структуру явища.

побудова квадратних площинних діаграм передбачає розрахунок боку квадрата. Вона дорівнює кореню квадратному з величини відображуваного ознаки (рис.6).

Малюнок 6. Квадратна діаграма динаміки.

В кругових діаграмах величина ознаки відображається площею кола. Для побудови кругової діаграми необхідно розрахувати величину радіуса кола, як корінь квадратний з величини ознаки (рис.7).

Малюнок 7. Кругова діаграма динаміки структури.

Для побудови кругової секторноїдіаграми в статистиці креслять коло довільного радіуса. Потім розраховують величину кожного сектора.

Якщо відображається ознака виражений у відсотках, то весь круг приймають за 100%. Тоді кожен сектор розраховується виходячи зі співвідношення 360 ° \u003d 100%, а кожному відсотку відповідає 3,6 °.

Якщо відображається ознака виражений абсолютними величинами, то при розрахунку величини сектора 360 ° прирівнюють всій величині ознаки в абсолютних одиницях (рис.8).

Малюнок 8. Секторная діаграма.

знаки Варзара є різновидом площинних діаграм. Вони дозволяють відобразити на графіку сукупність за ознаками, твір двох з яких має певний економічний сенс. Наприклад, твір врожайності і посівної площі дає валовий збір. Тому, якщо в прямокутнику одну сторону брати пропорційної врожайності, а іншу - посівної площі, то площа прямокутника буде пропорційна валовим збором (рис. 9).

Малюнок 9.Знакі Варзара.

образотворчі діаграми відображають явища за допомогою фігур - образів або символів, які в якійсь мірі відтворюють зовнішній образ відображаються графіком статистичних сукупностей. Для цього використовують знаки-символи(Рис. 10) і фігури - масштабні знаки (Рис.11).

Малюнок 10. Образотворча діаграма динаміки з використанням знаків-символів.

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

Малюнок 11.Ізобразітельная діаграма динаміки з використанням фігур - масштабних знаків

лінійні графіки зображують змінюються в часі процеси у вигляді ламаних ліній. Геометричними знаками-символами в таких графіках є точки і послідовно з'єднують їх лінії, які складаються в ламані криві. Орієнтування точок і з'єднують їх відрізків задається осями координат. Вісь абсцис є віссю часу, а вісь ординат - віссю значень ознаки. Оскільки в лінійному графіку за аргумент приймається час, його можна вважати геометричною формою динамічного графіка відображає зміну економічних явищ як функцію часу.

Конфігурація кожної кривої в лінійному графіку визначається її зламами, тобто кутами нахилу її відрізків щодо горизонтальній осі і прийнятим масштабом.

Лінійні графіки мають багато різновидів. Вони відрізняються за будовою координатних сіток (прямокутної, полулогарифмической і полярних координат).

Одним з найважливіших умов побудови лінійних графіків у прямокутній системі координат є вибір формату графічної частини, який визначається масштабами обох шкал. Масштаби осі абсцис - осі часу і осі ординат - осі показників вибираються незалежно і в різних одиницях виміру, співвідношення їх між собою теж не задано. Однак від їх вибору залежить зорове враження зображуваної кривої (рис.12).

Малюнок 12. Лінійний графік динаміки.

Графіки, що відображають двосторонні процеси (Балансові) : еміграцію і імміграцію, експорт та імпорт, обороти по платіжному балансу, касові операції і т. д. наносять по обидва боки від нульової лінії (рис. 13).

Рис 13. Лінійний балансовий графік.

спіральні діаграми призначені для відображення явищ, що періодично повторюються в часі. Наприклад, сезонних коливань. Для побудови спіральної діаграми береться коло довільного радіуса. Окружність розбивається на частини по числу періодів. Наприклад, 12 місяців Радіус кола за кожен період визначає величину явища. При необхідності наочного контролю виконання плану одночасно по декількох об'єктах будують контрольно-планові графіки на спеціальній сітці, що має форму таблиці (рис 14).

Малюнок 14. Спіральна діаграма.

Контрольно-планові графікимають кілька різновидів. Найпростішим з них є графік, в якому використовуються дві лінії планова і фактична (рис. 15).

Малюнок 15. Контрольно-плановий графік.

Застосовувані в математико-статистичному аналізі аналітичні графікиявляють собою одну з форм математичного моделювання. З безлічі графіків цього типу розглянемо графіки рядів розподілу і графіки для вивчення взаємозв'язків.

для графічного зображення зв'язку між двома взаємопов'язаними ознаками в прямокутній системі координат на осі абсцис у своєму розпорядженні факторний (незалежний) ознака "X", а на осі ординат - результативний (залежний) ознака "У". Поєднавши точки перетину прямими отримуємо ламану лінію регресії (рис.16).

За допомогою графічного методу в аналізі взаємозв'язків визначається не тільки напрямок зв'язків, але і її форми (прямолінійна або криволінійна), що сприяє вирішенню однієї з важких завдань кореляційного аналізу.

Малюнок 16. Графік залежності.

полігоном зазвичай зображуються дискретні ряди розподілу (рис. 17.)

Наприклад, є дані про тарифне розряді робітників у промисловості.

Рис, 17. Полігон розподілу

гістограмою зображуються інтервальні ряди розподілу.

При побудові гістограми з нерівними інтервалами значення ознаки, масштаб шкали по осі ординат розраховується виходячи з умовного вимірника - площі на одиницю інтервалу осі абсцис і представляє труднощі (рис. 18).

Малюнок 18. Гістограма

кумуляти зображуються кумулятивні ряди розподілу, де по осі абсцис відкладаються варіанти ряду, а на осі ординат - накопичені частоти (ріс19).

Малюнок 19. Кумулята

Картограма показує середню інтенсивність розвитку будь - якого явища по окремих районах, країнам і т. д.

Для наочності кожну територіальну одиницю розфарбовують або штрихують відповідно до інтенсивності явища.

Серед картограм виділяють фонові і точкові картограми.

фонові картограми відображають інтенсивність явища штрихуванням (рис. 20.). Чим більше інтенсивність явища, тим густіше штриховка і навпаки. Так, якщо по відношенню до щільності населення Росія щільність населення в Білорусії більше в 5,5 раз. На Україні в 9,5 раз, Молдавії в 14 разів, то, отже, і щільність штрихування повинна бути в такому ж співвідношенні.

Рис.20. Фонова картограма.

точкові картограми відображають явища числом точок. Найчастіше точкові картограми використовують для характеристики абсолютних показників: чисельність населення, виробництво продукції і т. П. При побудові точкової картограми точки розташовуються рівномірно на території (при географічному аспекті в дійсному місці розташування об'єкта), визначається чисельне значення однієї точки і величина її діаметра (рис .21).

Малюнок 21. Точкова картограма

картодіаграми -це карта, що показує за допомогою діаграмної фігури сумарну величину (іноді структуру і динаміку) будь-якого статистичного показника в межах територіального поділу (мал.22).

Малюнок 22. Картодіаграми просторового порівняння

Центрограмми або історико-географічкскіе карти відображають довготривалі динамічні процеси в історико-географічному розрізі. Вони бувають або у вигляді статистичних таблиць-карт, або у вигляді центрограмм переміщення (рис.23).

Малюнок 23. Центрограмма просторового переміщення.

Побудова кожного з перерахованих графіків докладно розглядається в методичному посібнику: Л.В.Костіна. «Методика побудови статистичних графіків».

Отже, з призначеним для користувача інтерфейсом Macromedia Flash ми розібралися. Як виконуються типові для всіх Windows-приложений завдання, з'ясували. Тепер саме час приступити до роботи над графікою.

Так, ми так і зробимо. Спочатку розглянемо створення статичної графіки, потім перейдемо до анімації. Ну, а вже після того, як ми навчимося робити анімовані картинки, можна розглянути і програмування в Flash: інтерактивні фільми, призначені для користувача інтерфейси інтернет-програм і т. П. Таким чином, до кінця цієї книги ви дізнаєтеся все, що може Flash, і зможете використовувати це "все" в своїх цілях.

Але не поспішайте. Спочатку трохи поговоримо про саму комп'ютерну графіку.

Ви скажете: ми вже говорили про неї у введенні. Ми дізналися, яке місце в комп'ютерному світі взагалі і в Інтернеті зокрема вона займає зараз, навіть познайомилися з короткою її історією. Так, дещо ви вже знаєте, але цього для цієї роботи недостатньо. Сучасний комп'ютерний художник повинен знати значно більше.

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

Форматів зберігання графічної інформацією працьовите людство наплодила велика кількість. Основна їх маса була створена досить давно, разом з програмами для обробки графіки, т. Е. Вони були фірмовим, "рідним" форматом для тієї чи іншої програми. Далеко не всі графічні формати були задумані спеціально для обміну графічними файлами між різними програмами (міжпрограмні або незалежні формати). До перших форматів можна віднести відомий формат BMP, створений спеціально для зберігання графіки в Windows-програмах, а до других - популярний формат GIF. Надалі багато форматів графіки зникли (найчастіше разом з програмами, для яких вони були створені), і лише мале число їх дожило до нашого часу.

У живому світі діє жорстокий закон еволюції. Це ж справедливо і для світу комп'ютерів. Будь-який пристрій, програма, будь-яка технологія нежиттєздатні, якщо вони не знайдуть для себе "екологічну нішу", т. Е. Будуть використовуватися людьми. Так само як і будь-який графічний формат. Ті з них, що залишилися "живі", більш-менш активно використовуються і покривають практично всі потреби сучасних комп'ютерних художників. Їх-то і підтримує велика частина сучасного графічного програмного забезпечення.

Растрова графіка

Якщо взяти звичайну газетну ілюстрацію і гарненько її розглянути, бажано під лупою, то можна побачити, що вона насправді складається з безлічі точок. Ці точки можуть бути як жирно-чорними (у тих місцях, де на ілюстрації видно глибокий чорний фон), так і більш-менш сірими (де присутні півтони) або взагалі бути майже непомітними (на білих місцях). Якщо розглядати таку ілюстрацію на деякій відстані, а не впритул, як зробили ми, окремі точки зливаються в єдине зображення. Можна сказати, що звичайна газетна ілюстрація - класичний приклад растрової графіки.

Растрова графіка вперше була створена поліграфістами для того, щоб з мінімальною витратою фарби друкувати на папері ілюстрації. При цьому на вихідне зображення немов би накладається тонка сітка, звана растром, і зображення виявляється розбитим на безліч точок (пікселів). Після цього залишається тільки обчислити інтенсивність чорного кольору в кожній точці растра або, для кольорового зображення, колір точки і, можливо, її прозорість. Цей процес називається растеризуванням. Отримані в результаті растеризування дані або відразу ж переносяться на друкарські плівки, або записуються в файл для подальшої обробки.

Векторна графіка

Припустимо, що будь-який, навіть дуже складне графічне зображення можна розбити на найпростіші елементи: прямі, криві, еліпси, прямокутники і т. П. Ці найпростіші елементи, звані графічними примітивами, можна описати певними формулами. В результаті вийде набір параметрів, використовуючи які, можна точно відтворити початковий набір графічних примітивів, а значить, і вихідне зображення.

Така графіка, що складається з окремих примітивів, називається векторною графікою. Саме в такому вигляді зберігаються зображення Flash.

гібридна графіка

Власне, гібридна графіка - це різновид векторної графіки, що містить усередині себе растрові зображення. Завдяки цьому часто вдається подолати найголовніші недоліки і растрової, і векторної графіки: великий розмір (у растрової графіки) і неможливість точної передачі півтонових зображень (векторною графікою).

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

Всі сучасні редактори векторної графіки, в тому числі Flash, надають можливість створення гібридної графіки. Фактичних можна навіть назвати редакторами гібридної графіки. Також гібридну графіку створюють і програми настільних видавництв.

Застосування різних видів графіки

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

Головний козир растрової графіки - точність передачі сканованих зображень. При цьому растрова графіка займає тим більший обсяг, чим більше саме зображення, і не надає жодних можливостей по його обробці (масштабування, спотворення, повороту, перефарбуванню). Головний козир векторної графіки - виняткові можливості обробки зображення. Недолік - неможливість збереження у векторному вигляді напівтонових зображень в близькому до оригіналу вигляді. Виходячи з цього, можна визначити область застосування для кожного виду комп'ютерної графіки.

Отже, растрова графіка застосовується для:

збереження півтонових зображень (сканують або спочатку намальовані на комп'ютері, фотографії);

створення невеликих за розміром зображень для оформлення програм або Web-сторінок. У цьому випадку, як правило, критичні швидкість виведення на екран і розмір "відповідального" за вивід програмної коди, а аж ніяк не розмір зображення.

Векторна графіка найкраще підійде, якщо потрібно:

створити невеликі зображення, які "в подальшому всіляко оброблятимуться при виводі. Хороший приклад таких зображень - шрифти формату TrueType, які при виведенні на екран не тільки масштабируются, але і розфарбовуються в різні кольори, повертаються і т. п., так і растрові. Пам'ятайте , і, зрозуміло, знайте про їх переваги.

Більшість поширених графічних форматів - растрові. Спочатку їх і розглянемо.

Формат BMP (BitMaP - бітова матриця) - простий формат запису растрових зображень. Розроблений фірмою Microsoft для збереження графіки в операційній системі Windows і сумісних з нею програмах.

Для цього підтримка формату BMP була вбудована безпосередньо в ядро \u200b\u200bсистеми Windows. Також відомий під назвою DIB (Device Independent Bitmap - бітова матриця, яка не залежить від пристрою виводу).

Графіка зберігається у файлах з розширенням bmp або dib (зустрічається дуже рідко). Підтримує всі колірні відеорежими. Графічні дані можуть бути стиснуті з використанням найпростішого алгоритму RLE (Run Length Encoding - кодування із змінною довжиною рядка). Якщо стиснення не використовується, розмір графічного файлу може бути дуже великий.

В даний час - один з найпоширеніших графічних форматів. Підтримується практично всіма графічними програмами. Через свою простоту вимагає для виведення дуже мало системних ресурсів, тому основне його призначення - зберігання зображень, використовуваних як елементи призначеного для користувача інтерфейсу операційної системи. Зокрема, саме в форматі BMP зберігаються системні "шпалери", заставки, іконки і т. П.

Формат PCX - один з найстаріших графічних форматів. Він був розроблений на початку вісімдесятих років не існувала нині фірмою Z-Soft для власного растрового графічного редактора PC Paintbrush, що працював в середовищі MS-DOS. Також підтримувався безліччю інших програм, які працювали в середовищі DOS і Windows, і продовжує підтримуватися і понині, хоча і є застарілим.

Формат GIF (Graphic Interchange Format - формат обміну графікою) був розроблений фірмою CompuServe в 1987 році для використання у власній однойменної комп'ютерної мережі. Набув величезного поширення в комп'ютерних мережах, зокрема, в Інтернеті. Мабуть, в даний час більшість комп'ютерної графіки, що використовується в Web-дизайні і взагалі для розповсюдження зображень в Інтернет, збережена в цьому форматі.

Графіка зберігається у файлах з розширенням gif. Підтримуються колірні відеорежими до 256 кольорів включно. Для стиснення графіки використовується алгоритм LZW, розроблений ізраїльськими математиками Лемпелом і Зивом. Графіка може бути збережена з чергуванням (по-англійськи -interleaving) рядків; в цьому випадку зображення як би поступово "виявляється" рядок за рядком у міру завантаження файлу.

У 1989 році формат GIF був розширений; нова версія стандарту отримала назву З Р89а. По-перше, була введена підтримка прозорості або "прозорого" кольору, т. Е. Один колір з усіх доступних на зображенні міг бути помічений як прозорий, і крізь нього буде "просвічувати" фон зображення. (Професійні графіки часто називають "прозорий" колір альфа-каналом, по-англійськи - alpha channel або просто alpha.) По-друге, з'явилася можливість зберігати в одному файлі декілька зображень, які можуть демонструватися як фільм (так звані "анімовані GIF-файли "; про них ми поговоримо в главі 12).

Формат GIF чудово підходить для збереження зображень з різкими колірними переходами. Зокрема, Web-дизайнери створюють в цьому форматі елементи оформлення і рекламні баннеридля своїх сторінок, а підтримка прозорості і анімації ним тільки на руку. Іноді в цьому форматі створюються початкові заставки і графічні елементи інтерфейсу програм.

Формат PNG (Portable Network Graphic - переносима мережева графіка) розроблений спільнотою незалежних профаммістов в якості заміни застарілого і переходить в розряд комерційних продуктів формату GIF. Хоча він і підтримується в даний час багатьма графічними пакетами, проте великої популярності в Інтернеті поки не здобув, хоча авторові зустрічалися сайти з PNG-графікою. Також використовується для зберігання графіки, що розробляється в пакеті интернет-графіки Macromedia Fireworks.

Графіка зберігається у файлах з розширенням png. Підтримує всі колірні відеорежими. Для стиснення графіки застосовується дуже потужний алгоритм Deflate (буквально - Чс,: ІІІ), що забезпечує сильніше стиснення в порівнянні з LZW. Графіка може бути збережена з чергуванням не тільки рядків, але і стовпців, таким чином, зображення "виявлятиметься" і по рядках, і по стовпцях. Також підтримуються 256 фадацій прозорості (альфа-каналу) проти всього двох у GIF і автоматичної корекції яскравості.

Однак, у порівнянні з GIF, формат PNG має і недоліки. Перший офомний недолік - PNG не підтримує анімацію. Правда, навряд чи це так вже актуально у зв'язку з повсюдним переходом Web-аніматорів на Flash. Другий недолік - файли формату I "NCi більше, ніж GIF, приблизно на один кілобайт через те, що в заголовку файлу зберігається значно більше інформації. На мій погляд, це теж не дуже значний недолік: вийшов файл трохи більше - ну і що ? Так що, в принципі, вищенаведені недоліки не вплинуть на поширення формату PNG в Інтернеті.

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

Формат JPEG (Joint Picture Encoding Group - група кодування нерухомих зображень) розроблений однойменною групою програмістів спеціально для поширення високоякісної графіки в комп'ютерних мережах. Саме для цього він і використовується в даний час. JPEG - другий за поширеністю формат графіки в Інтернеті.

Графіка зберігається у файлах з розширеннями jpeg, jpe або jpg. Підтримується тільки колірний режим відео TrueColor (24-бітний колір). Для стиснення графіки використовується виключно потужний алгоритм під назвою JPEG, фактично включає в себе кілька алгоритмів стиснення для різних випадків. Цей алгоритм реалізує стиснення з втратами, коли деяка частина інформації про колір відкидається, і результуючий масив даних стає менше. У всіх інших форматах графіки із стисненням застосовуються алгоритми стиснення даних без втрат.

При використанні алгоритмів стиснення з втратами якість графіки погіршується. Чим сильніше стиск, тим сильніше спотворюється зображення. Однак художник може регулювати відсоток стиснення, вибираючи тим самим компроміс між якістю зображення і розміром результуючого JPEG-файлу.

Формат JPEG, на відміну від GIF і PNG, не підтримує ні анімацію, ні прозорість. Однак існує різновид формату JPEG, що званий "прогресивний JPEG" (progressive JPEG або p-JPEG), підтримує чергування рядків.

Область застосування формату JPEG достатньо вузька - розповсюдження високоякісної напівтонової графіки в Інтернеті. Скановані напівтонові зображення при використанні помірного стиснення виходять дуже навіть непоганими. Особливо популярні "в народі" підбірки картин Бориса Вальєхо і інших так званих "фентезійних" живописців, збережені в JPEG-файлах.

Формат TIFF (Tag Image File Format - тегів файловий формат зображень) був розроблений фірмою Aldus, розробником відомого пакету настільного видавництва PageMaker, для іншого свого продукту - растрового редактора PhotoStyler, що не дійшов до наших часів. Застосовується для збереження високоякісної повнокольорової графіки без втрати якості для видавничих цілей. Часто використовується для обміну високоякісною графікою між користувачами різних програм.

Графіка записується у файли з розширенням tif або tiff. Підтримуються всі колірні відеорежими, прозорість і декілька алгоритмів стиснення: LZW, Deflate і JPEG. Фірмової особливістю цього формату є можливість запису в графічний файл так званих тегів: спеціальних приміток, внесених художником або самою програмою графічного редактора.

Існує два різновиди формату TIFF: сумісний з PC і з Apple Macintosh. Це викликано відмінностями в архітектурі перерахованих комп'ютерних платформ.

Формат TIFF підтримується всіма графічними програмами професійного рівня. Більш того, підтримка якою-небудь програмою цього формату говорить про її професійну орієнтацію.

векторні формати

Векторних форматів чомусь значно менше, ніж растрових. Ймовірно, це пов'язано з тим, що реалізувати обробку і виведення векторної графіки незрівнянно важче, ніж растровою. А люди - на жаль! - завжди йдуть по шляху найменшого опору.

Shockwave / Flash

Зрозуміло, ми не могли не почати розгляд форматів векторної графіки з "рідного" формату Macromedia Flash. Як-не-як, саме в ньому ми маємо зберігати свої творіння.

Формат Shockwave / Flash розроблений фірмою Macromedia для збереження зображень і фільмів, створених в пакеті векторної графіки Shockwave. Пізніше на основі Shockwave був створений пакет інтернет-графіки Flash, що "успадкував" цей формат. Тому кажуть, що існує єдиний формат Shockwave / Flash.

Як ви вже знаєте, фактично існує два формати представлення графіки Flash. По-перше, це формат, в якому зберігаються готуються в середовищі Flash зображення і фільми, - формат документів Flash. По-друге, формат, в якому зберігається вже завершена, експортована і підготовлена \u200b\u200bдля публікації графіка, яку можна завантажити в програвач, - формат поширюваної графіки Shockwave / Flash.

Документи Flash зберігаються в файлах з розширенням fla. Експортована ж графіка зберігається в файлах з розширенням swf.

Крім самого пакету Flash обидва цих формату підтримуються іншими продуктами фірми Macromedia: Dreamweaver, Fireworks і ін. Також ці формати підтримуються деякими іншими графічними програмами.

Windows Metafile і Enhanced Windows Metafile

Формат Windows Metafile - простий формат запису векторних зображень. Розроблений фірмою Microsoft для збереження векторної графіки в операційній системі Windows і сумісних з нею програмах. Підтримка цього формату вбудована безпосередньо в ядро \u200b\u200bсистеми Windows.

Можливості формату виключно слабкі, більш-менш складну графіку зберегти в ньому неможливо.

В даний час формат Windows Metafile, на відміну від BMP, поширений дуже мало, хоча підтримується практично всіма графічними програмами і вимагає дуже мало системних ресурсів для виведення і обробки. Використовується для зберігання векторних зображень в деяких програмах (наприклад, початкових заставок або елементів призначеного для користувача інтерфейсу). Зокрема, Microsoft Word свій комплект картинок (так званий "кліпарт" від англійського clipart) зберігає у форматі Windows Metafile. Ймовірно, фірма Microsoft, хоче показати таким чином, що цей формат теж придатний для розповсюдження графіки.

Формат Enhanced Windows Metafile - подальший розвиток Windows Metafile. Він також розроблений Microsoft, однак "у народ" чомусь не просувався і хоч трохи широкого поширення тому не отримав. Автору за всю його достатньо довгу кар'єру комп'ютерника не траплялося на одного файлу цього формату. Залишається додати, що формат наказує зберігати графіку в файлах і підтримується багатьма сучасними графічними пакетами.

Adobe Illustrator

Цей формат був розроблений фірмою Adobe для векторного графічного редактора Illustrator. В даний час підтримується практично всіма пакетами векторної графіки і використовується для обміну векторними зображеннями між користувачами різних програм.

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

CorelDRAW!

Був розроблений фірмою Corel для векторного редактора CorelDRAW !. Фактично дозволяє зберігати гібридну графіку. Іноді використовується для обміну графікою.

Графіка зберігається у файлах з розширенням cdr. Має кілька привабливих можливостей в порівнянні з Adobe Illustrator (наприклад, стиснення графіки, причому растрова і векторна графіки стискаються окремо), але несумісність різних версій формату і невисока стійкість до збоїв зовсім не йдуть на користь нею популярності.

Цей формат Flash не підтримується. Щоб імпортувати графічне зображення у форматі CorelDRAW !, вам доведеться перетворити його в інший формат, наприклад, Adobe Illustrator або Windows Metafile, використовуючи іншу графічну програму.

Encapsulated PostScript

Цей формат був розроблений фірмою Adobe для обміну векторною графікою між користувачами різних програм. Власне, це навіть не формат, а ціла мова, що базується на мові опису графіки для високоякісних принтерів PostScript. Фактично, файл в цьому форматі можна скопіювати на підтримуючий мову PostScript принтер, набравши в командному рядку: copy graphic_file.eps prn і він буде надрукований.

Графіка зберігається у файлах з розширенням eps. Такий файл є простій текстовий документ, що містить набір команд для принтера надрукувати той або інший примітив. Таким чином, EPS-файл може бути відредагований в будь-якому текстовому редакторі при наявності знання мови PostScript.

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

Формат VML (Vector Markup Language - мова векторної розмітки) розроблений фірмою Microsoft для використання у власній програмі Web-оглядача Internet Explorer версії 5.0 і пізніших. Так само, як і Encapsulated PostScript, це не стільки формат, скільки текстова мова опису векторної графіки. За задумом, фрагменти таких описів поміщаються всередину Web-сторінок, серед звичайного HTML-коду, і описують їх графічні елементи. Таким чином, можна буде відмовитися від традиційної Web-графіки, що є упровадженими елементи, що зберігаються в окремих файлах.

Формат PDF (Portable Document Format - формат переносного документа) був розроблений фірмою Adobe для створення переносяться платформно-незалежних електронних документів. Такі документи можуть містити, крім тексту фіксованої, різну векторну і растрову графіку, розбиватися на сторінки, друкуватися на принтері або бути видимим на екрані комп'ютера. Крім цього, документи в цьому форматі мають дуже малий розмір (використовується стиснення, причому кожен вид графіки стискається по самому відповідному для нього алгоритму), таким чином, їх можна поширювати через Інтернет.

Документи цього формату зберігаються в файлах з розширенням pdf. Вони створюються за допомогою пакета Adobe Acrobat, а читаються - за допомогою програми читання Adobe Acrobat Reader, поширюваної безкоштовно. За назвою цих двох програм формат PDF отримав свою другу назву - формат документів Acrobat.

Формат PDF отримав величезну популярність для поширення електронних документів з багатим форматуванням і графікою. Фактично, цей формат тепер стоїть на другому місці, після HTML, за поширеністю. Крім Adobe Acrobat, створення документів PDF підтримують безліч інших текстових і графічних пакетів. A Adobe Acrobat Reader -одна з найпопулярніших в світі програм.

Формат, точніше, мова, VRML (Virtual Reality Modeling Language - мова моделювання віртуальної реальності) був розроблений групою незалежних розробників. Він служить для створення так званих віртуальних світів і поширення їх через Інтернет. Опис такого віртуального світу є текстовий файл з розширенням vrm або vrml, що містить набір команд на мові VRML. Такий файл може бути "програний" за допомогою спеціальних програм - "програвачів" VRML; найпоширенішим з них є Cortona VRML Client фірми Parallel Graphics.

Хоч мова VRML і що підтримує його програмне забезпечення, призначене для створення і "програвання" віртуальних світів були широко розрекламовані свого часу, поширення він набув дуже обмежене. Пов'язано це з тим, що потужностей сучасних комп'ютерів поки що не вистачає для створення чогось більш складного, ніж дивні геометричні фігури з двох сфер і конуса. До того ж, віртуальна реальність, схоже, втратила для простих людей свою привабливість. Тому майбутнє VRML так само туманно, як і сьогодення ...

Наочне представлення даних допомагає як в експрес-аналізі, так і при розробці планів стратегічного розвитку.

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

Головне достоїнство статистичних графіків - наочність. При правильній побудові графіків статистичні показники привертають до себе увагу, стають більш зрозумілими, виразними, лаконічними, що запам'ятовуються. Графіки міцно увійшли в практичну роботу статистиків і стали незамінним засобом узагальнення статистичних даних, підведення підсумків досліджень і виявлення зв'язку між явищами. Тому необхідно вміти будувати і «читати» статистичні графіки.

Для побудови графіка необхідно визначити, з якою метою він складається, і ретельно вивчити вихідний матеріал. Але головна умова - це володіння методологією графічних зображень. Будь-статистичний графік повинен мати такі елементи: графічний образ; поле графіка; просторові орієнтири, масштабні орієнтири; експлікації графіка.

графічний образ - це символічні знаки, за допомогою яких зображуються статистичні дані: лінії, точки, плоскі геометричні фігури (прямокутники, квадрати, кола і т.д.).

В якості графічного образу виступають і об'ємні фігури. Іноді в графіках використовуються і не геометричні фігури, а силуети або зображення предметів.

Одні і ті ж статистичні дані можна представити за допомогою різних графічних образів. Тому важливим є правильний підбір графічного образу. Він повинен дохідливо відображати досліджувані показники і відповідати основним призначенням графіка.

полем графіка є місце, на якому він виконується. Поле графіка характеризується його форматом (розмірами і пропорціями сторін). Розмір поля графіка залежить від його призначення. Сторони поля статистичного графіка зазвичай знаходяться в певній пропорції. Прийнято вважати, що найбільш оптимальним для зорового сприйняття є графік, виконаний на поле прямокутної форми із співвідношенням сторін від 1: 1,3 до 1: 1,5, що відповідає правилу «золотого перетину». Іноді використовується поле графіка з рівними сторонами, тобто у вигляді квадрата.

побудова графіка - це творчий процес, що включає певний пошук пропорцій, образів. Лише після складання і порівняння декількох чорнових варіантів можна визначити правильну композицію графіка, встановити масштаби і розташування знаків на поле графіка.

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

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

масштабної шкалою називається лінія, окремі точки якої можуть бути прочитані як певні числа. Шкала має велике значення в графіку і включає три елементи: лінію (або носій шкали); певне число помічених рисками точок, які розташовані на носії шкали в певному порядку, цифрове позначення чисел, відповідних окремим позначеним точкам.

У статистиці широко використовуються наступні графічні зображення: діаграми і статистичні карти (картограми).

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

Статистичні карти (картограми) - графіки кількісного розподілу по конкретній території. За своїм основним характеристиці цей вид графіків близький до діаграм і специфічний лише в тому відношенні, що представляють собою умовні зображення статистичних даних на контурній географічній карті.

Картограми застосовуються в просторової економіці. У бізнес-статистиці вони важливі при вирішенні логістичних завдань: виявлення мережі постачальників і споживачів, оптимізації поставок і т.п. Густота тони або штрихування відповідає кількісному значенню показника для тієї чи іншої території.

Залежно від характеру вирішуваних завдань виділяють діаграми порівняння, структурні діаграми і діаграми динаміки; діаграми розподілу - гістограма, полігон, кумулята, огива.

Найбільш поширеним видом діаграм порівняння є стовпчикові діаграми (Bar chart) - графічне зображення статистичних показників у вигляді стовпчиків-прямокутників (див. Рис. 2.5). Такі діаграми широко використовуються для наочного порівняння в часі і просторі, а також для зображення структури об'єкта. Стовпчики можуть мати горизонтальне розташування (Tape chart).

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

широко застосовуються структурні діаграми (structure chart).Основне призначення структурних діаграм полягає в наочному відображенні структури явища, характеристиці питомих ваг окремих частин досліджуваного явища, виявленні структурних зрушень.

Мал. 2.8.

При побудові структури в якості графічного образу застосовуються прямокутники (стовпчикові і смугові діаграми), окружності, побудова секторних діаграм (pie chart) (Рис. 2.9)).

Слід розрізняти два види застосування кіл. В одному випадку - для порівняння площі одного кола з іншим. Такого роду діаграма називається кругової. В іншому випадку коло використовується для порівняння площі окремих секторів один з одним. Така діаграма іменується секторної.

Мал. 2.9.

Для зображення змін в часі будуються діаграми динаміки. Вони можуть бути Стовпчикові або лінійними. Для побудови лінійних графіків застосовують систему прямокутних координат. По осі абсцис показується час (роки, місяці і т.д.), а по осі ординат - значення показника. Особливу увагу слід звернути на вибір масштабу, так як від цього залежить коректність графіка. Забезпечення пропорційності між осями координат необхідно тому, що порушення рівноваги між осями координат призведе до спотворення зображення динаміки. Спотворення досягаються, як правило, зміною масштабу по осях абсцис і ординат. Таким чином, можна уявити (візуально) зростання, близький до нуля, в яскраво виражений стійкий тренд. Як приклад такого роду в книзі Дарелла Хаффа «Як брехати за допомогою статистики» наводиться приклад зображення зростання урядових субсидій, наведений в одному з оголошень. Зростання склало лише 4%, але візуально він виглядав майже як 400% за рахунок збільшення масштабу по осі ординат. Нерідко на одному лінійному графіку показуються кілька кривих, які дають порівняльну характеристику динаміки різних показників або одного і того ж показника.

Для візуалізації в даний час існує безліч якісних ресурсів та інструментів створення графіків і діаграм.

Програмний продукт Aristochart дозволяє будувати двомірні лінійні статичні графіки (просторові дані, тобто «cross-section data»). Програма передбачає набір можливостей по дизайну, зміни міток, інших елементів графіка і його адаптації.

Простий векторний редактор Diagram Designer призначений для створення діаграм, графіків і слайд-шоу. Ця програма дозволяє використовувати шаблони, може автоматично перевіряти правопис і вибудовувати графіки для нескладних математичних рівнянь. Створюючи діаграми і графіки в цій програмі можна використовувати безліч графічних елементів - геометричні примітиви, лінії, написи, кольорові заливки, з'єднувальні стрілки і т.д.

Graph - програма для побудови графіків, редагування їх зовнішнього вигляду і зміни даних. В програмі Graph доступно швидку побудову складних синусоидов, логарифмічних кривих і графіків з великою кількістю вхідних параметрів. Дані для роботи можна імпортувати з редактора Excel.

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

jFreeChart - безкоштовна бібліотека з відкритим кодом, що дозволяє створювати графіки для додатків. Програма підтримує широкий спектр типів діаграм і багато типів вихідних форматів.

В Microsoft Excel і Visio є також кошти для створення високохудожніх графіків і діаграм, за допомогою яких можна представити залежно та тенденції.

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

Наведемо характеристики ряду програмних продуктів.

FusionCharts Suite XT надасть вам більше 90 видів діаграм і манометрів, 965 карт на основі даних, а також дешборди і демо для бізнесу. FusionCharts також містить JavaScript API, який спрощує інтеграцію з будь-якими додатками. Діаграми, карти та дешборди високо інтерактивні, що легко адаптується і працюють на всіх пристроях і платформах.

Мал. 2.10.

Частота звернень по місяцях року

Raw - продукт у відкритому доступі, що володіє можливостями адаптації, безкоштовний для завантаження та модифікування, дозволяє користувачам створювати візуальний контент на основі векторів. Дані можна безпечно завантажити з програми на комп'ютер, зберегти у форматі SVG або PNG.

WolframAlpha, створений як «база знань і набір обчислювальних алгоритмів», хороший в розумному відображенні графіків за запитами даних без необхідності застосування будь-якої конфігурації. Якщо використовуються дані, що знаходяться в публічному доступі, інструмент допоможе створювати віджети, роблячи процес візуалізації даних дуже простим.

Можна зареєструватися на Wolfram Education і отримати доступ до тестових версій інтерактивних підручників. У них вбудовані динамічні моделі графіків з можливістю введення будь-яких параметрів і математичні головоломки для вирішення на швидкість. Також доступна можливість завантаження безлічі типів файлів і даних для автоматичного аналізу, включаючи первинні табличні дані, зображення, аудіо, XML, а також десятки спеціалізованих наукових, медичних і математичних форматів. Серед інших функціональних можливостей - наявність розширеної клавіатури, інтерактивність з CDF (формат обчислюваних документів), завантаження даних, і можливість індивідуальної настройки і збереження графічних і табличних результатів (рис. 2.11).

Оскільки цією програмою можна користуватися в онлайн-режимі, на відміну від інших, необхідних скачування, це дозволяє частіше користуватися нею.

Мал. 2.11.

В додатку Tableau є кілька безкоштовних інструментів візуалізації даних. Tableau не є веб-додатком, так що бажаючим доведеться встановлювати програму на комп'ютер. Як тільки вона буде встановлена, можна завантажувати таблиці і дані з будь-яких CSV-файлів і створювати різні інтерактивні візуалізації, включаючи теплові карти, що відображають активність дій в різних областях поля, діаграми Венна для подання зв'язків, стовпчасті діаграми, графіки і інші схеми.

В економічній статистиці популярним є software JMP.Це програмне забезпечення послужить оптимальним інструментом аналізу візуалізації даних.

На сьогодні існує безліч інструментів для аналізу даних і візуалізації результатів, деякі з них дозволяють застосовувати досить широкий спектр статистичних методів, не маючи ніякого досвіду програмування (наприклад, SPSS). Також дуже поширений для аналізу даних мову програмування Python. Але найпопулярнішим є дуже простий і інтуїтивно зрозумілий мову програмування R. Вивчення азів роботи в R значно спростить і прискорить вирішення завдань.

Робота в R дає цінний досвід і допомагає при вивченні більш складних мов програмування. В R тисячі пакетів і бібліотек, що надають можливість застосовувати, мабуть, будь-які статистичні методи. Реалізувати регресійний аналіз з випадковими ефектами в R дозволить спеціальна бібліотека lme4. За допомогою мови Python, наприклад, це зробити значно складніше. В R безліч бібліотек, призначених для вирішення вельми вузькоспеціалізованих завдань з різних наукових областей. Наприклад, bioconductor надає інструменти для аналізу даних в біоінформатики. Бібліотека grt допоможе обробляти експериментальні дані в області обчислювальних моделей в когнітивних дослідженнях.

Також R дозволяє швидко вирішувати найширший спектр завдань в інтерактивному режимі. Графічні можливості R вельми багаті: так, в R існують пакети lattice і ggplot2, можливості яких навіть ширше, ніж у graphics. У них використовується інша ідеологія побудови графіків.

Останнім часом все більшої популярності набуває інструмент інфографіки. Зокрема, в бізнесі широко використовується діаграма Ганта - інструмент планування, широко використовуваний в управлінні проектами для візуалізації графіка робіт. Зліва по вертикальній осі розташовується перелік завдань, а зверху по горизонталі - тимчасова шкала. Кожне завдання представлена \u200b\u200bсмугою, положення і довжина якої відображають дати початку і завершення, а також тривалість робіт. По суті, діаграма Ганта дозволяє наочно показати, що має бути зроблено (завдання) і коли (тимчасова шкала).

Тому діаграма Ганта складається з смуг, орієнтованих уздовж осі часу. На діаграмі можуть бути відзначені сукупні завдання, відсотки завершення, покажчики послідовності і залежності робіт, мітки ключових моментів (віхи), мітка поточного моменту часу «Сегодня» і ін. Ключовим поняттям діаграми Ганта є «віха» - мітка значимого моменту в ході виконання робіт , спільний кордон двох або більше завдань. Віхи дозволяють наочно відобразити необхідність синхронізації, послідовності у виконанні різних робіт. Віхи, як і інші кордону на діаграмі, не є календарними датами. Зрушення віхи призводить до зрушення всього проекту, тому діаграма Ганта не є, строго кажучи, графіком робіт. Крім того, діаграма Ганта не відображує значущості або ресурсномістке ™ робіт, не відображує сутності робіт (області дії). Для великих проектів діаграма Ганта стає надмірно великовагової і втрачає наочність.

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

Мал. 2.12.

Діаграма Ганта дає організації три головних плюса:

1) візуалізацію, яка спрощує сприйняття і оцінку ходу робочих процесів; основні завдання проекту та хід їх вирішення стають видно, як на долоні, що дозволяє своєчасно коригувати план дій;
2) можливість оцінити послідовність і терміни вирішення завдань, а також терміни проекту в цілому, що дозволяє порівняти реальний і запланований графіки реалізації процесу;
3) підвищити ефективність організації управління проектом за рахунок можливості в будь-який момент провести аналіз поточного стану виконання проекту.

З появою різноманітних інструментів візуалізації даних розширилося коло напрямків їх використання.

Таким чином, візуалізація - потужний інструмент донесення сенсу до кінцевого споживача, помічник в сприйнятті і аналізі даних. Але, як і всі інструменти, графічний метод потрібно застосовувати в свій час і в своєму місці.

Статистичний графік - це креслення, на якому статистичні сукупності, що характеризуються певними показниками, описуються за допомогою умовних геометричних образів або знаків.

Основні елементи графіка включають в себе:

графічний образ - геометричні знаки, за допомогою яких зображуються статистичні показники.

поле графіка - частина площини, де розташовані графічні образи.

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

Масштабні орієнтири графіка визначаються масштабом і системою масштабних шкал.

Масштаб - міра перекладу числової величини в графічну.

Масштабної шкалою називається лінія, окремі точки якої можуть бути прочитані як певні числа.

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

За способом побудови статистичні графіки ділять на діаграми і статистичні карти.

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

Відповідно до графічними знаками розрізняють точкові, лінійні, площинні, об'ємні і фігурні графіки.

Графічне представлення числових даних дозволяє виявити закономірності, яким підкоряється розглянута група даних. Графік дає можливість не тільки оцінити стан на даний момент, але і спрогнозувати більш віддалений результат по тенденції процесу, яку можна в ньому знайти, а отже, намітити заходи, які можуть попередити погіршення стану або посилити позитивний результат. 9) діаграми розподілу і концентрації - це графічне відображення варіаційних рядів розподілу. До діаграм розподілу відносяться полігон розподілу і гістограма (розглянуті в п. 1.7).

Діаграми концентрації представлені кумуляти (кривої сум), огіви, кривої Лоренца.

при побудові кумуляти по осі абсцис відкладаються значення досліджуваних ознак, а по осі ординат - відповідні ознаками суми накопичених частот.

огіва будується за тими ж даними, що і кумулята, тільки на осі абсцис відкладаються суми накопичених частот, а по осі ординат - відповідні значення ознаки.

координатами кривої Лоренца є:

По осі абсцис - суми накопичених частот в процентах до підсумку ();

По осі ординат - суми накопичених обсягів ознаки (), у відсотках до підсумкового сумарним обсягом ().

Побудована в системі координат по осі абсцис від 0 до 100% і по осі ординат від 0 до 100% крива Лоренца порівнюється з діагоналлю квадрата, як це показано на рис. 1.7.

100 %

крива Лоренца

Мал. 1.7. крива Лоренца

Ступінь концентрації показується ступенем відхилення від діагоналі

Основні типи діаграм порівняння:

1) на стовпчикових діаграмах статистичні дані зображуються у вигляді витягнутих по вертикалі прямокутників (рис.1.7). Побудова столбиковой діаграми вимагає застосування вертикальної масштабної шкали.

2) стрічкові діаграми складаються з прямокутників, розташованих горизонтально. В цьому випадку шкала - горизонтальна вісь (рис. 1.8).

40 С

А Б С 10 20 30 40

Мал. 1.5. Приклад стовпової Рис. 1.6. Приклад діаграми стрічкової діаграми

3) плоскі діаграми - відображають величину досліджуваного показника площею фігури.

4) Знаки В.Є. Варзара - прямокутні плоскі діаграми для графічного зображення трьох показників, один з яких є твором двох інших.

5) об'ємні діаграми - відображається величина показується об'ємом фігури.

6) радіальні діаграми - будуються на базі полярних координат. Початком відліку в них служить центр кола, а носіями масштабних шкал є радіуси кола. Зазвичай в основі радіальних діаграм лежать повторювані річні цикли з щомісячними або поквартальними даними. Можуть бути замкнутими - відображається один цикл або спіральними - відображаються безперервно кілька циклів.

7) фігурні діаграми. При їх побудові статистичні дані зображуються малюнками - символами, які найбільшою мірою відповідають суті відображаються явищ.

8) структурні діаграми - служать для відображення структур статистичних сукупностей по співвідношенню питомих ваг. Структурні діаграми можуть бути представлені у вигляді кругових (секторних) діаграм або структурного квадрата. У цих діаграмах площа кола (квадрата) приймається за величину всієї досліджуваної сукупності, а площі окремих частин відображають питому вагу її складових частин.

При побудові кругової структурної діаграми виходять із співвідношення 1% \u003d 3,6 про, квадратної - 1% \u003d одній клітці.

Для графічного представлення даних широко застосовується у виробничій практиці графіки з метою наочності і полегшення розуміння сенсу даних. Розрізняють такі види графіків:

Графік, що представляє собою ламану лінію - застосовується для вираження часових і тому подібних змін;

Лінійний графік - застосовується для вираження залежності кількісних величин;

Круговий графік - застосовується для вираження процентного співвідношення розглянутих даних;

Стрічковий графік - застосовується для вираження процентного співвідношення розглянутих даних;

Z - подібний графік - застосовується для вираження умов досягнення заданих значень;

- "радіаційна" діаграма - застосовується для вираження балансу між декількома факторами;

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

Графік, виражений ламаною лінією. Таким графіком представляють, наприклад, зміна з плином часу розміру щомісячної виручки від продажу виробів, обсягу виробництва або частки дефектних виробів. По осі ординат на такому графіку відкладають значення відповідної величини, а по осі абсцис - час. Нанесені на графік точки з'єднують прямими відрізками. Ефективність отриманої інформації зросте, якщо при аналізі дані розшарувати за такими факторами, як продавець, виріб, верстат і т. Д. Приклад такого графіка для вираження зміни реальної виручки від продажу виробів по роках від року до року наведено на рис. 4.

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

Рис.4. Реальний характер зміни виручки:

1 - виручка;

2 - тис. Руб .;

3 - фінансовий рік;

5 - реальний ділянку графіка, що характеризує виручку;

6 - відрізок, що відображає тенденцію

Стовпчастий графік. За допомогою столбчатого графіка представляють кількісну залежність, що виражається висотою стовпчика, таких факторів, як собівартість вироби від виду вироби, сума втрат в результаті шлюбу від процесу, сума виручки від магазину і т. Д. Різновиди столбчатого графіка - діаграма Парето і гістограма. При побудові столбчатого графіка по осі ординат відкладають кількість, по осі абсцис - фактори; кожному фактору відповідає стовпчик. Приклад столбчатого графіка показаний на рис.5. За допомогою цього графіка аналізуються стимули до покупки виробів. При першому погляді на графік стає зрозумілим коефіцієнт вкладу в рішення про покупку кожного із стимулів. Стовпчики, які виражають стимули, розташовані на графіку в порядку їх частоти.

Круговий графік. Круговим графіком виражають співвідношення складових якогось цілого параметра і всього параметра в цілому, наприклад: співвідношення сум виручки від продажу окремо за видами деталей і повну суму виручки; співвідношення тим роботи гуртків якості (що відрізняються змістом) і загальне число тем; співвідношення елементів, що складають собівартість виробу, і ціле число, що виражає собівартість і т. д. Ціле приймається за 100% і виражається повним колом. Складові виражаються у вигляді секторів кола і розташовуються по колу в напрямку руху годинникової стрілки, починаючи з елемента, що має найбільший відсоток вкладу в ціле, в порядку зменшення відсотка вкладу. Останнім ставиться елемент "інші". На круговому графіку легко бачити відразу всі складові і їх співвідношення. Приклад кругового графіка показаний на рис.6, де представлено співвідношення складових собівартості виробництва.

Рис.5. Стимули до покупки виробів:

1-число випадків; 2-випадки; 3-стимули до покупки виробів; 4-якість;

5-зниження ціни; 6-гарантовані строки; 7-дизайн; 8-доставка;

Рис.6. Співвідношення складових собівартості виробництва

1-собівартість виробництва; 2-непрямі витрати; 3-прямі витрати; 4-вартість сировини і матеріалів; 5-виплати за зовнішніми замовленнями; 6-витрати на зарплату; 7-вартість закуповуваних деталей; 8-інші витрати; 9-вартість електроенергії і палива; 10-виплати по зниженню ціни; 11-тис. руб.

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

Стрічковий графік. Стрічковий графік використовують для наочного уявлення співвідношення складових якогось параметра і одночасно для вираження зміни цих складових з плином часу, наприклад: для графічного представлення співвідношення складових суми виручки від продажу виробів за видами виробів і їх зміни по місяцях (або років): для подання змісту анкет при щорічному анкетуванні і його зміні від року до року; для подання причин дефектів і зміни їх по місяцях і т. д.

При побудові стрічкового графіка прямокутник графіка ділять на зони пропорційно складовим або відповідно до кількісними значеннями і по довжині стрічки розмічають ділянки відповідно до співвідношення складових по кожному фактору. Систематизуючи стрічковий графік так, щоб стрічки розташовувалися в послідовному тимчасовий порядок, можна оцінити зміну складових з плином часу.

Приклад стрічкового графіка для вираження співвідношення сум виручки від продажу виробів за окремими видами виробів в порядку убування їх вкладу в виручку і їх зміни по роками показаний на рис.7.

Рис.7. Співвідношення сум виручки від продажу за окремими видами виробів: 1 інші

З графіка видно, що частка виручки від продажу виробів С з року в рік збільшується. Що ж стосується виробів А (в 1999 р їх частка становить 36,8%) і В (в 1999 р їх частка становить 20,8%), то хоча їх вага в 1999 р все ще значний, за період з 1995 по 1999 р їх загальна частка у виручці зменшилася з 75,6% до 57,6%. Це пояснюється зміною життєвого циклу виробів. Аналіз графіка призводить до висновку, що в зв'язку зі зміною обстановки необхідно направити зусилля на розробку нових видів виробів.

Z-подібний графік. Z-подібний графік використовують для оцінки загальної тенденції при реєстрації по місяцях фактичних даних, таких як обсяг збуту, обсяг виробництва і т. Д. Графік будується наступним чином:

Відкладаються значення параметра (наприклад, обсяг збуту) по місяцях (за період одного року) з січня по грудень і з'єднуються відрізками прямий - виходить графік, утворений ламаною лінією;

Обчислюється кумулятивна сума за кожен місяць і будується відповідний графік;

Обчислюються підсумкові значення, що змінюються від місяця до місяця (мінливий підсумок), і будується відповідний графік, утворений ламаною лінією. За мінливий підсумок приймається в даному випадку підсумок за рік, що передує даному місяця. Загальний графік, що включає три побудованих зазначеним чином графіка, має вигляд букви Z, від чого він і отримав свою назву.

Z-графнк застосовують, крім контролю обсягу збуту або обсягу виробництва, для зменшення числа дефектних виробів і сумарного числа дефектів, для зниження собівартості і зменшення випадків невиходу на роботу і т. Д. За мінливого підсумку можна визначити тенденцію зміни за тривалий період. Замість мінливого підсумку можна наносити на графік плановані значення і перевіряти умови досягнення цих значень.

Приклад Z-графіка показаний на рис.8. На графіку добре видно зміна суми виручки від місяця до місяця і зміна від місяця до місяця кумулятивної суми виручки. По поведінці мінливої \u200b\u200bпідсумкової суми виручки ясна загальна тенденція зміни суми виручки за рік.

Якщо нанести на цей графік запланованих значень суми виручки, можна оцінити умови досягнення цих значень; якщо нанести графік кумулятивної суми кредитного обороту, можна оцінити умови контролю кредитних сум.

"Радіаційна" діаграма., Пелюсткова діаграма Цей графік будується в такий спосіб: з центру кола до кола проводяться за кількістю чинників прямі лінії (радіуси), які нагадують промені, що розходяться при радіоактивному розпаді (звідси і назва графіка). На ці радіуси наносять ділення градуювання і відкладають значення даних. Точки, якими позначені відкладені значення, з'єднують відрізками прямої. Таким чином, "радіаційна" діаграма являє собою комбінацію кругового і лінійного графіків. Числові значення, що відносяться до кожного з факторів, порівнюють зі стандартними значеннями і значеннями,

Рис.8. Контроль суми виручки:

1-виручка; 2-місяці року; 3-тис. руб .; 4-кумулятивна сума виручки по місяцях; 5-виручка по місяцях; 6-змінена підсумкова виручка.

Приклад пелюсткової діаграми для аналізу управління показаний на рис.9.

Рис.9. Аналіз стану управління:

1-відсоток поточної прибутку від загального капіталу; 2 відсоток загального прибутку від виручки; 3-відсоток поточної прибутку від виручки; 4-відношення власного капіталу до загального капіталу; 5 відсоток виплат від виручки; 6-співвідношення прибутку і збитків; 7-граничний відсоток прибутку; 8-відсоток підвищення суми виручки за рік.

досягнутими іншими фірмами. Оскільки графік відрізняється високою наочністю, його використовують для аналізу управління підприємством, для оцінки кадрів, для оцінки якості і т. Д.

Аналізуючи графік, можна в загальних рисах оцінити стан управління на даній фірмі. "Барометр" (стандартні значення) управління показаний пунктирною лінією. При порівнянні з нею отриманого графіка можна бачити, що особливої \u200b\u200bуваги потребують проблеми, пов'язані з співвідношенням прибутків і збитків. Ясно також, що є певні труднощі з постійними і змінними витратами. Якщо провести порівняння не тільки зі стандартними значеннями, але і з показниками попереднього року або з показниками інших фірм, можна швидко і узагальнено оцінити проблеми власної фірми.