Droga Psa – data storytelling dla Working Dogs Foundation

Wyzwanie

Jak pokazać dane o bezdomności psów tak, żeby ludzie chcieli je czytać? To było moje wyzwanie.

W marcu 2026 zgłosiłam się jako wolontariuszka do drugiej edycji akcji #BI_NGO, organizowanej przez Język Danych – inicjatywy, która łączy ludzi z branży danych z organizacjami pozarządowymi. Fundacje dostają profesjonalne wizualizacje, a uczestnicy realny projekt do portfolio. Serdecznie zachęcam do udziału – to dopiero druga edycja i mam nadzieję, że nie ostatnia. Wszystkie prace z akcji można zobaczyć w galerii #BI_NGO.

Moim zadaniem była wizualizacja danych dla Working Dogs Foundation – fundacji, której misją jest poprawa standardu życia psów przez edukację ludzi. Tak powstała „Droga Psa”: data storytelling, który opowiada historię bezdomności psów jak artykuł – prowadzi odbiorcę przez liczby, programy fundacji i cytaty ludzi, których życie zmieniła adopcja. Dane pochodzą z czterech różnych źródeł: GIW, Working Dogs Foundation, FEDIAF i badania Karmimy Psiaki.

Co zrobiłam

„Droga Psa” to nie sucha tablica z wykresami, ale narracja – taka, którą czyta się jak reportaż. Złożyłam ją z kilku elementów, z których każdy prowadzi odbiorcę o krok dalej:

Interaktywny wykres trendu adopcji 2015-2024 z tooltipem – pokazuje, jak zmieniała się liczba adopcji na przestrzeni lat.

Animowana wizualizacja ikonowa, gdzie każda ikona to 1000 psów – skala problemu, którą widać na pierwszy rzut oka.

Do tego karuzela zdjęć z płynną pętlą i lightboxem, slider cytatów beneficjentów oraz animowane paski wzrostu liczby wolontariuszy i darczyńców. Dane finansowe wyraźnie oznaczyłam tam, gdzie były estymacją – bo uczciwość wobec liczb jest tu równie ważna jak sama wizualizacja.

Wyzwania techniczne. Wszystkie wykresy i animacje napisałam ręcznie, w czystym JavaScript – bez żadnych bibliotek. Najtrudniejsze okazały się dwie rzeczy: karuzela z płynną, nieskończoną pętlą oraz synchronizacja danych z czterech źródeł, z których każde zbierało je inną metodologią.

Efekt

Powstała wizualizacja, która nie zanudza tabelami, tylko wciąga – i realnie służy fundacji w opowiadaniu o swojej misji. Stack: HTML · CSS · JavaScript (vanilla) · PHP.

Projekt powstał z myślą o konkretnej fundacji, ale podejście jest zawsze takie samo: dostarczam rozwiązanie dopasowane do realnych potrzeb i możliwości odbiorcy. A przy okazji – jeśli możesz pomóc, pomagaj. Warto.