Цифри війни: візуалізація і графіки втрат росії та допомога Україні в одному веб-додатку

Всім привіт, мене звати Андрій і я з початку повномасштабної війни з напруженням спостерігав за зведеннями з фронту від Генштабу ЗСУ, команди oryx та інших. Тішила кількість втрат за одиницями техніки, а особливо кількість ліквідованих орків — їх тоді випилювали по 1000 в день :)

У цей час зʼявилася ідея обʼєднати всі перевірені сервіси по втратам росії в один веб-додаток з можливістю легко перейти до донату. Тоді й почалась робота над сайтом https://rulosses.com.

Про веб-додаток RuLosses

Працювати над проектом взявся я сам у вільний від роботи час, тому розробка йшла доволі повільно — спочатку додаток мав всього одну сторінку, де у вигляді візуалізації та графіків показано втрати росії за період повномасштабної війни. Хотілося упорядкувати все за категоріями та типами втрат, де кожен тип має секції та фото/відео докази по кожному пункту. Інформація по російським втратам збирається за даними команди oryx, яка додає лише задокументовані факти, тому реальна статистика втрат росії зрозуміло що явно більша.

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

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

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

Наразі веб-додаток має 3 сторінки

— Головна rulosses.com — у діаграмах відображено втрати техніки за категоріями з відповідними посиланнями на докази.

— Сторінка rulosses.com/aid — у графіках, картах і таблицях показано допомогу Україні від різних країн світу. Актуальна інформація про фінансову, гуманітарну та воєнну допомогу Україні, а також дані про країни, які прихистили українських біженців.

— Сторінка rulosses.com/heavy-weaponry — з актуальними даними по важкому озброєнню. Все — від танків до баражуючих боєприпасів (БПБ) та laser-guided rockets.

Кілька цікавих моментів

— Сума всієї двосторонньої допомоги Україні (як уже наданої, так і тільки узгодженої) становить більше 66.5 мільярдів євро (станом на 21 травня).

— За обʼємом допомоги відносно ВВП країни Естонія має неймовірні 0.81% від ВВП! Далі йдуть Латвія та Польща зі значними показниками 0.72% та 0.46% ВВП відповідно

— У відношенні кількості прийнятих біженців до населення країни, частка біженців з України у Молдові складає в вражаючі 17.45% (>457К українців). Наступною йде Польща з часткою біженців 8.53% від населення, але кількісно ця цифра просто неймовірна — більше 3 мільйонів 234 тисяч людей!

— Найбільшим постачальником важкого озброєння Україні як донор є США з >982 одиницями. А якщо брати до уваги величезну кількість російського озброєння, захопленого нашими захисниками, а саме >1320 одиниць, то саме росія є найбільшим постачальником озброєння Україні (якщо можна так сказати).

*Офіційна інформація станом на 23 травня.

Зараз в процесі розробки новий інтерактивний розділ веб-додатку. Його реалізація буде наступним великим оновленням.

Технічний стек

Додаток повністю написаний на Flutter Web у вигляді PWA та має можливість встановлюватись як автономний додаток. Дизайн робив сам, тому суворо не судіть :) З UI плюшок: темна тема та респонсивність на десктоп, планшет та мобільні екрани.

На бекенді використовую Firebase сервіси, а саме Cloud Functions, Real-Time Database, Remote Config, Analytics та кілька інших. За регулярні апдейти інформації в додатку відповідають кілька Google Cloud сервісів, хостинг теж там. Також написав невеличкий Python скрипт, який допомагає з Google Search Image API. За крашлітику відповідає Sentry.

Хочу додати, що за останній час сайт відвідало тисячі людей з усього світу, основу яких складають США та Європа. Десятки людей перейшли за посиланням на сторінки з допомогою Українській армії.

Тому насамперед прошу поширити серед іноземних знайомих та друзів.

Слідкуйте за оновленнями

🇺🇦 Разом до перемоги! Слава Україні! 🇺🇦

👍ПодобаєтьсяСподобалось5
До обраногоВ обраному2
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Чому тільки під іноземців і тільки англійська?

щоб підвищити обізнаність іноземців про війну в Україні та можливість у 1 клік перейти до донату українській армії

Але кому то потрібно, якщо цифри Арестовича?

Якщо відкрити веб-додаток, то по кожній цифрі є пруфи

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