Від ідеї до готової візуалізації. Not Only Stars Fall From The Sky

💡 Усі статті, обговорення, новини для аналітиків — в одному місці. Приєднуйтесь до Analysts спільноти!

Нещодавно моя колега запросила мене долучитися до її воркшопу з дизайну й поділитися шляхом створення останньої візуалізації — від першої ідеї до фінального результату.

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

Тож я пішла шукати відповіді на ці два, здавалося б, прості запитання. І виявилося, що відповідей у мене немає.

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

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

Приклад публіці сподобався, тому оформила все текстом, щоб цим поділитися і з вами.

Дашборд

Насамперед хочу показати вам свій дашборд Not Only Stars Fall From The Sky

Після публікації я отримала багато відгуків, зокрема таких:

• «Your visualization really lurches you from ’wow, that’s cool’ to ’wow, that’s truly, truly awful’ very quickly.»
  «Ця візуалізація буквально за мить переносить тебе від „вау, як красиво“ до „вау, це насправді жахливо. По-справжньому жахливо“».
• «It makes your heart skip a beat when you read it and realize what you are actually looking at.»
  «Коли читаєш пояснення й усвідомлюєш, на що насправді дивишся, серце завмирає».
• «Literally my reaction to seeing it the first time was, ’Oh! Shooting sta— oh, no...»
  «Моя реакція, коли я побачив це вперше, була буквально такою: „О! Падаюча зір— ой, ні...“»

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

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

Ідея

Ідея створити дашборд про Україну зародилася в мене, коли я вперше відкрила Tableau.

Рік тому, під час навчання у вересні 2025-го, я вперше побачила дашборд Iraq’s Bloody Toll і чітко зрозуміла, що можу побудувати такий самий, використовуючи дані про Україну.

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

Дані та дослідження

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

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

Розібравшись із даними, я також пішла на Tableau Public, бо була майже впевнена, що ця ідея з повторенням Iraq’s Bloody Toll не може бути унікальною і хтось уже точно робив щось подібне. Але, на диво, ні.

Ба більше, я виявила, що якісних візуалізацій про Україну взагалі не так багато.

Ось кілька прикладів:

• UKRAЇNE — Vlad Horbachenko
• Air Alerts in Ukraine — Vlad Horbachenko
• 3 years of Full-Scale War in Ukraine: Air-raid sirens in Kyiv (2022–2025) — Iaroslava Mizai
• The Crimean Peninsula of Ukraine — Iaroslava Mizai
• Settlements of Ukraine: Territories in The War and Occupation — Iaroslava Mizai

Пошук форми графіка

Тож, відчувши трохи більше впевненості у своїй ідеї, я взялася за створення дашборду.

Поки я будувала цей кривавий графік — кількість ракет за день — у мене абсолютно випадково вийшов ось такий lollipop chart. І мені дуже сподобалося, як він виглядає. Що з ним робити, я тоді не знала, тому просто залишила його у воркбуці й пішла далі.

Перший прототип

За тиждень моя стрічка в соцмережах заповнилася дописами про метеорний потік Персеїди.

І тут мені спала на думку ідея: а що, як зробити дуже просту візуалізацію? Взяти той самий lollipop chart, розмістити його на темно-синьому тлі, додати простий заголовок — і все. Ну це ж займе максимум дві години, наївно думала я.

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

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

Але друга проблема була значно важливішою: сам lollipop chart не розповідав історію так, як мені було потрібно.

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

А я ж хотіла донести зовсім іншу історію:

Щоб було видно: перші роки були важкими. Останній рік став ще гіршим. А день із максимальною кількістю ракет — то жахіття.

Фінальний сторітелінг

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

Я трохи поспілкувалася з ШІ та згенерувала фон.

З даними теж довелося погратися, адже я двічі використала допоміжні таблиці (scaffolding). У результаті набір даних виріс із 4 000 рядків до 13 мільйонів😅 Кольорові градієнти у Tableau можуть бути підступними.

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

Тепер і при 100, і при 1500 — картинка однаково показує, що це багато.

Робота з даними

Можливо, ви задалися питанням: а що це за день — 13 травня, чи дійсно було аж так багато?

Дані збиралися здебільшого з публікацій звітів Повітряних сил України. Вони містять початок та кінець звітного періоду, умовно кажучи, початок і кінець атаки. Оскільки атаки часто проходять уночі, старт та кінець — це різні дні. У своїй роботі я показувала дату старту.

13 травня 2026 року атака також була вдень, тому в цей день потрапили два звіти (13.05.2026 8:00 — 13.05.2026 18:00 та 13.05.2026 18:00 — 14.05.2026 8:00)

Особисті роздуми

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

Це була моя перша візуалізація про Україну, але точно не остання.

А ще платформа Tableau Public — це ресурс, де поки інформація про Україну представлена недостатньо. Тому я буду дуже рада, якщо візуалізацій ставатиме більше.