Інтеграція на сайти

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

Кроки уроку

Публікація у Flourish

Натискаємо Publish, отримуємо посилання та embed-код

Вставка на сторінку WordPress

HTML-віджет в Elementor, налаштування ширини та висоти

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

Як візуалізація виглядає на мобільному та планшеті

📊

Навчальний датасет

Завантаж Excel-файл і повторюй кроки паралельно з відео

Завантажити .xlsx

← Урок 05 До каталогу уроків →

VizEduLab

Проєкт реалізовано в межах бакалаврських робіт студенток 5-го курсу освітньої програми «Журналістика» Ужгородського університету Андріани Турянчик і Валерії Бабич під керівництвом ст. викладача Василя Путрашика.

Візуалізація даних Журналістика УжНУ