By Еміліо Сільвестрі, стажист КНІМЕ

Everybody loves charts, graphs…visualizations!

 
 
They are neat, fast, and straightforward. Even with messy and disorganized data, a good visualization is the key to show insights and features that are difficult to point out on a raw table. In this blog post I will show you how to build a simple, but useful and good-looking dashboard to present your data – in three simple steps!

• Крок 1. Створіть гарні діаграми
• Крок 2: об’єднайте їх у компонент
• Крок 3. Розгорніть інтерактивне подання як веб-сторінку

Набір даних

 
 
У цій публікації блогу ми розглянемо Набір даних фільмів і телешоу Netflix, вільно доступний на Kaggle. Він містить усі шоу, пропоновані в США потоковою платформою станом на січень 2020 року. Кожен запис містить назву шоу, незалежно від того, чи це фільм чи телешоу, режисера та акторського складу, країну та рік виробництва, дата, коли його було додано до каталогу, тривалість і категорія, а також короткий опис. Досить інформації, щоб витягти кілька цікавих візуалізацій!
 

Попередній крок: імпорт і попередня обробка даних

 
 
Ви можете завантажити набір даних безпосередньо з Сторінка Kaggle. На комп’ютері імпортуйте дані в новий робочий процес шляхом перетягування. Як це часто буває, потрібна попередня обробка. Перевіряючи необроблені дані, ми бачимо, що дату додано Стовпець має докладний формат, що ускладнює роботу. Отже, я конвертував його у формат Date&Time і згрупував усі кроки в метаноді Preprocessing.

Робочий процес, розроблений для цієї публікації в блозі, доступний на KNIME Hub і його можна завантажити тут:

• Завантажити робочий процес Створіть інтерактивну інформаційну панель у 3 кроки: набір даних Netflix

Імпортувавши його на свою платформу KNIME Analytics, ви можете детальніше ознайомитись із вмістом метаноди «Попередня обробка».
 

Крок 1. Створіть кілька красивих діаграм

 
 
Є два види людей: ті, хто дивляться Netflix, і ті, хто бреше. Але ми також можемо розділити населення на дві різні категорії: людей, які знімають фільми, і людей, які знімаються в серіалах!

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

Na przykład,,en Діаграма сонячних променів (Малюнок 1) можна легко вказати, як шоу розподіляються між категоріями. Приєднайте вузол Sunburst Chart до метаноду Preprocessing, налаштуйте його для групування спочатку за типом (фільм або телешоу), потім за категорією, і виконайте його. Тепер клацніть правою кнопкою миші на вузлі «Діаграма сонячних променів» і виберіть «Інтерактивний перегляд: діаграма сонячних променів». З’явиться вікно, показане на рис. 1: ми бачимо, що фільмів вдвічі більше, ніж телешоу, і що найбільш заповненими категоріями є міжнародні, драми та комедії. Ви знали, що?

Рис. 1. Діаграма Sunburst: пропонованих фільмів вдвічі більше, ніж серіалів. Наведіть курсор на частину діаграми, щоб показати відсоток.

 

Ще один аспект, який ми можемо вивчити, — це розвиток каталогу протягом багатьох років: я згрупував вистави за рік_доданий і відобразив результат на a Ділянка лінії (Рис. 2). Очевидно, щороку кількість доданих до пропозиції зростає: за перший місяць 2020 року Netflix вже додав більше шоу, ніж за весь 2015!

Рис. 2. Лінійний графік, що показує кількість фільмів і телесеріалів, доданих до каталогу Netflix протягом багатьох років.

 

Потім я побудував a Гістограма (Рис. 3), щоб візуалізувати кількість сезонів, створених для телевізійних шоу, і a Гістограма (Рис. 4), який групує фільми за тривалістю. Ви очікували, що так багато телевізійних шоу залишиться лише з одним сезоном? Чи знаєте ви, що є фільми тривалістю понад 4 години?

Рис. 3. Стовпчаста діаграма, яка показує кількість сезонів телешоу.

 


Рис. 4. Гістограма, яка групує фільми відповідно до їх тривалості.

 

На платформі KNIME Analytics є багато можливостей для візуалізації даних. Ви можете знайти виділені вузли в Node Repository > Views -> Javascript і навіть створити власну візуалізацію за допомогою Загальний перегляд Javascript вузол.

Якщо у вас не вистачає фантазії, на сайті є цілий вибір робочих процесів ПРИКЛАДИ Сервер сповнений корисних візуалізацій, які ви можете легко адаптувати до своїх потреб.

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

Рис. 5. Це знімок екрана робочого процесу, який виконує ці візуалізації. Попередня обробка, пов’язана з кожною візуалізацією, згрупована в метавузли.

 

Download and try out the workflow yourself, called “Create an interactive dashboard in 3 steps: Netflix shows” from the KNIME Hub.

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

Крок 2: об’єднайте їх у компонент

 
 
If one plot is nice…two plots are nicer! Let’s organize all our wonderful graphics in a complete dashboard. Select all four nodes used for the visualizations and right click -> “Create Component…”. This creates a new gray node: the компонент.

Рис. 6. Кінцевий робочий процес. Усі вузли візуалізації згруповано в один компонент.

 

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

Ми можемо зробити інформаційну панель більш інтерактивною, додавши, наприклад, вузол Table View для вибору. Я налаштував його на відображення лише шоу, вибраних на гістограмі та гістограмі.

Це хороший спосіб перевірити вміст різних бункерів.

For example, do you know which is the longest movie on Netflix? Open the interactive view of the component, select the last histogram bin – which contains only one movie – and look at the table view. If you have heard about that movie you can easily imagine why it lasts so long!

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

Рис. 7. Відкрийте вікно Node Usage and Layout, щоб упорядкувати інформаційну панель.

 

Крок 3. Розгорніть інтерактивне подання як веб-сторінку

 
 
You can also inspect the component’s interactive view as a web page in a web browser. To perform this operation, you need to deploy your workflow to a KNIME Server instance, using the one-click-deployment. Do this by going to the KNIME Explorer panel, right-clicking your workflow and selecting “Deploy to Server…”. Now choose the desired destination and click OK.

Щоб візуалізувати інформаційну панель, клацніть правою кнопкою миші завантажений робочий процес і виберіть Відкрити -> На веб-порталі. Ваш браузер дозволить вам виконати робочий процес і візуалізувати інформаційну панель, створену компонентом (рис. 8).
 

Підсумки

 
 
У цій публікації в блозі ми дізналися, як просто створити інтерактивну інформаційну панель для своїх даних на платформі KNIME Analytics. Налаштуйте свої діаграми, об’єднайте вузли в компонент і за потреби налаштуйте його, виконайте локально або на веб-порталі KNIME і грайте зі своєю візуалізацією. Легко, як пиріг (схема)!

Рис. 8. Це візуалізація інформаційної панелі, як вона буде виглядати на веб-порталі KNIME.

 

Want more visualizations? Here are some more advanced ideas you can easily implement. You’ll find these visualizations in this more advanced version of the example workflow on the KNIME Hub here: https://kni.me/w/grHmwo1F0xiQPdO7

Рис. 9. Карта світу з фільмами, виробленими кожною країною.

 

 

Рис. 10. Хмара тегів, що показує слова, які найчастіше використовуються в описах шоу.

 

ресурси

 
 
Робочі процеси, показані в цій статті, доступні для завантаження та випробування на KNIME Hub:

• Створіть інтерактивну інформаційну панель у 3 кроки: шоу Netflix
• Створіть інтерактивну інформаційну панель у 3 кроки: шоу Netflix (додатково)

 
Біо: Еміліо Сільвестрі is an intern at KNIME in the Evangelism Team. He developed a solid interest for the Data Science topic during his bachelor’s degree in Computer Science, when he worked on a thesis about epilepsy recognition using Convolutional Neural Networks. He eventually decided to move to the University of Konstanz to complete his Master’s Degree.

Як вперше опубліковано на Блог KNIME.

Оригінал. Повідомлено з дозволу.

За темою:

• Що таке кластеризація і як вона працює?
• Мій ШІ грає для мене на фортепіано
• Кодувати чи не кодувати з KNIME