Інструменти та помилки візуалізації

Які інструменти використовують для візуалізації?

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

RAW

http://app.raw. densitydesign.org

Онлайновий сервіс швидкої візуалізації даних. Дає змогу швидко будувати досить екзотичні діаграми, зокрема bump chart, alluvial chart, streamgraph тощо. Дані можна завантажити, обрати тип візуалізації та прив’язку змінних до наявних способів кодування даних. Можливе налагодження кольорів, розмірів і специфічних для поточного типу діаграми параметрів. Результат може бути експортований у SVG для подальшої обробки в графічному редакторі, у зобра-ження PNG або в об’єкт JSON

Chartbuilder

https://quartz.github.io/Chartbuilder/

Дуже простий у використанні інструмент, що приймає дані в JSON або копіюванням (роздільник — табулятор). Будує прості XY-графіки. Експортує в PNG, SVG і JSON

Silk

www.silk.co

Платформа публікації даних з можливостями опрацювання й візуалізації

Tableau Public

http://www.tableau.com/

Десктопна програма для Windows і MacOS, призначена для створення інтерактивних комбінованих візуалізацій без необхідності програмувати чи малювати. Має безкоштовну версію, за використання якої «воркбуки» зберігаються тільки на серверах Tableau

Quadrigram

http://www.quadrigram.com/

Сервіс побудови інтерактивних сторінок з тексту, зображень і діаграм

Piktochart

https://piktochart.com/

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

Creately

https://creately.com/

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

Infogram

https://infogram.com/

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

Visual

https://visual.ly/

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

Які існують розповсюджені помилки візуалізації даних?

Розповсюджені такі помилки візуалізації даних і швидкі способи їх виправлення :

1. Неправильний порядок частин кругової діаграми

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

2. Використання штрихів і пунктирів у лінійній діаграмі

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

3. Організація даних не інтуїтивно зрозумілим способом

   Розміщуйте категорії за алфавітом, послідовно або за їх значущістю.

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

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

5. Примушування читача до великих зусиль

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

6. Спотворення даних

   Переконайтеся в тому, що всі дані представлені точно. Наприклад, круги мають вимірюватися за площею, а не за діаметром.

7. Використання різних кольорів на карті

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

8. Занадто широкі або занадто вузькі стовпчики

   Простір між стовпцями в гістограмі має дорівнювати половині ширини стовпчика.

9. Складність порівняння даних

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

10. Використання 3D-діаграм

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

    Крім того, потрібно:

    „ - використовувати один колір для кожної окремої категорії даних;

    „ - упорядковувати набори даних відповідно до логічної ієрархії;

    „ - використовувати виділення або підсвічування важливої інформації;

    „ - використовувати значки для позначень та вилучати підписи, які не є

    необхідними;

    „ - не використовувати комбінацій із занадто контрастних кольорів,

    таких як червоний/зелений або синій/жовтий;

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

    „ - не використовувати більш ніж 6 кольорів в одному наборі;

    „ - не використовувати нестандартні шрифти та їх видозміни (напівжир-

    ний текст, курсив, підкреслювання).

Вправа 4. інфографіка в сервісі Piktochart.

Завдання. За інструкцією з використання сервісу Piktochart, яка розміщена на спільному ресурсі в папці Візуалізація, сплануйте і створіть інфографіку про переваги обрання професії в ІТ-галузі.

1. Відкрите інструкцію з використання сервісу Piktochart, яка розміщена на спільному ресурсі в папці Візуалізація. За інструкцією зареєструйтесь на сайті https://piktochart.com/.

2. Ознайомтеся з режимами роботи, видами інфографіки та шаблонами.

3. Сплануйте сценарій майбутньої інфографіки про переваги обрання професії в ІТ-галузі. Доберіть потрібні дані в Інтернеті.

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