Skocz do zawartości

[JS] Aplikacja ze statystykami COVID-19 dla każdego państwa


Mativve
 Udostępnij

Rekomendowane odpowiedzi

  • Administrator
Opublikowano
Opublikowano

Otóż przez ostatnie 2 miesiące pracowałem nad stronką ze statystykami pandemii związanej z COVID-19 (Koronawirus). Tak wiem, od momentu pandemii wszyscy (albo większość) robi podobne. To trochę jak z To-do listą jako pierwszym "stworzeniem" Powyżej chwalę się swoim dziełem Zostawiam do ocenki.

Autor: @Mativve (to ja)

Tematyka: Statystyka i dane

Screen/Demo:COVID-19 - Global statistics

Źródło kodu:  https://github.com/Mativve/covid-info-and-stats

image

#EDIT 1:

Błędy związane z brakiem ładowania statystyk są spowodowane przez dostawcę API, któremu w odpowiedzi dorzuca czasem nagłówki z PHP dotyczące sesji i braku miejsca na maszynie (tak domyślam się po komunikacie). Mam zamiar to rozwiązać regexem sprawdzając przed wyrzuceniem na front danych czy JSON jest JSONem czy stringiem podmieniając tekst i zamieniając go na JSON bez zbędnych PHPowych komunikatów #hackerman

#EDIT 2: zmieniłem nazwę tematu jak i samej nazwy wirsua bo już boty po forum szaleją z tą tematyką

#EDIT 3: Zaktualizowałem źródło dostarczania danych, dodałem również cache więc teraz statystyki powinny ładować się szybciej

Jeśli macie jakieś uwagi/propozycje - śmiało piszcie poniżej

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

Kawał dobrej roboty. Świetny projekt jak dla mnie i przede wszystkim nowoczesny. Na plus zmiana kolorystyki na wersję ciemną i jasną. Wszystko przejrzyste i czytelne oraz super efekt z tą mapą danego kraju, tylko nie zawsze mi dany kraj wczytało na podglądzie mapy. 

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
Opublikowano
Opublikowano

Ładnie, tylko grafiki znikają

image.thumb.png.d1c06abb32211e5fd79301a6b3f7d732.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@ARISovsky Chodzi o dane, flagi czy może mapę?

@aXenDev A no to taki bug i feature Jestem świadomy błędu ale po odświeżeniu działa wszystko dobrze (a bynajmniej powinno). Jest chyba tutaj problem z czasem wczytywania grafik (w sensie podczas wczytywania i sprawdzenia czy grafika istnieje, grafika się jeszcze nie załaduje stąd problem). Pewnie trzeba by było jakiś "lazy-load" do tego zrobić - ale szczerze - ledwo release puściłem bo mi się nie chce

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@aXenDev @ARISovsky Zerknijcie w wolnej chwili proszę.

Naprawiłem (a tak mi się wydaje, że zrobiłem ) błędy z grafikami flag, parametrami i błędem polegającym na PHP w odpowiedzi API (wytłumaczenie w wątku w #Edit 1)

Trzeba będzie też cache oczyścić

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert
Opublikowano
Opublikowano

Jest już dużo lepiej

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

Wszystko bardzo ładnie wygląda. 

Nic dodać, nic ująć ❤️

Odnośnik do komentarza
Udostępnij na innych stronach

Gość User 12
Opublikowano
Opublikowano

Śliczne, piękna robota.

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano
9 godzin temu, Mativve napisał:

@ARISovsky Chodzi o dane, flagi czy może mapę?

Chodzi o mapę. Nie każdy kraj się na mapie pokazuje.

image.thumb.png.e2d10db17920be6328a28acc268adb01.png

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@ARISovsky Hmm, a z jakiej przeglądarki korzystasz?

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano
42 minuty temu, Mativve napisał:

@ARISovsky Hmm, a z jakiej przeglądarki korzystasz?

 Mam ten sam problem, chrome

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano
52 minuty temu, Mativve napisał:

@ARISovsky Hmm, a z jakiej przeglądarki korzystasz?

Opera

EDIT: Już wszystko wiem. Problem leży po stronie przeglądarki. Na Edgu jest ok.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@ARISovsky @Foxyyy. Kurcze dziwnie, bo #umniedziała na Firefoxie, Operze, Chrome i nawet na firmowym Safari.

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

@Mativve

2 minuty temu, Mativve napisał:

@ARISovsky @Foxyyy. Kurcze dziwnie, bo #umniedziała na Firefoxie, Operze, Chrome i nawet na firmowym Safari.

no właśnie na prywatnym komputerze mam ten problem, w pracy jest to samo.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@ARISovsky Hmm może coś jest blokowane. Rozumiem, że wszystkie przeglądarki aktualne? Czy jesteś w stanie sprawdzić, czy w konsoli pojawiają się jakieś błędy? Być może jakiś kawałek kodu, blokuje inny.

Odnośnik do komentarza
Udostępnij na innych stronach

Opublikowano
Opublikowano

@Mativve nie wiem jak, ale już działa normalnie na operze

Odnośnik do komentarza
Udostępnij na innych stronach

  • 1 miesiąc temu...
  • Założyciel
Opublikowano
Opublikowano

Podoba mi się przejrzysty i maksymalnie zminimalizowany design. Podłączenie API dla ogarniętej osoby nie stanowi problemu, więc nie będę komentował  Fajny pomysł ze skryptem który przelicza od 0 do (liczba). 

"Safe eye" myślę że wystarczy "Switch contrast"  Gdybyś wystartował z tym na początku 2020 i założył stronę to byłaby pewnie teraz odwiedzana przez miliony  

Google też nie zapomniało o swoich zintegrowanych panelach w wyszukiwarce i dodało COVID-19

COVID-19-google.jpg

Odnośnik do komentarza
Udostępnij na innych stronach

  • 4 tygodnie później...
  • Administrator
Opublikowano
Opublikowano

Dziś wrzuciłem update poprawiający parę rzeczy i dodający między innymi widgety.

Możecie spróbować ich użyć, niestety pierwszy raz robiłem taką funkcjonalność i nie wiem czy się udało

- Poprawiono wyświetlanie niektórych elementów w wersji ciemnej

- Poprawiono listowanie wyszukiwarki

- Dodano pionową linię wskazującą informację na wykresie

- Usunięto funkcję Safe Eye

- Dodano widgety

Odnośnik do komentarza
Udostępnij na innych stronach

  • Założyciel
Opublikowano
Opublikowano

@Mativve Od wczoraj API nie pokazuje dziennych statystyk w PL, nie wiem czy to kwestia braku danych ale Ministerstwo normalnie publikowało liczbę 24k wczoraj było.

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

@SeNioR Co API to inne "zachowanie" - niestety. Według tego API wczoraj to było wczoraj dziś jest dziś a więc już inny dzień więc dla API nie ma na dzisiaj jeszcze danych a wczorajszych nie pokazuje bo były wczoraj (dla PL zwykle ukazują się po 10:00)

 

Niestety nie mam "głębszego" dostępu do informacji o dokładnej dacie aktualizowania danych, jest ogólna informacja kiedy było ostatnie zaktualizowanie danych a ja sam ustawiłem cache na update co 30min lub 1h więc informacje są z opóźnieniem na który nie za bardzo mam wpływ

Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

Mały update:

- Aktualizacja zmieniająca kolejność wyświetlania statystyk dziennych i całkowitych.

- Dodatkowo dodane 3 wykresy pokazujące dzienny przyrost dla poszczególnych typów: Infected, Deaths i Recovered

Odnośnik do komentarza
Udostępnij na innych stronach

  • Założyciel
Opublikowano
Opublikowano

Kod dużego widżetu:

<iframe src="https://mativve.github.io/COVID-19-Info-stats/widget/index.html?type=global" width="640" height="255" frameborder="0"></iframe>

Kod dla małego widżetu:

<iframe src="https://mativve.github.io/COVID-19-Info-stats/widget/index.html?type=global" width="320" height="310" frameborder="0"></iframe>
Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator
Opublikowano
Opublikowano

Kurde muszę przestać z tymi update'ami 😄

Dziś niewielka poprawka dotycząca poprawienia wyświetlania dziennych statystyk (teraz wszystkie są na jednym wykresie i nie liniowym jak wcześniej lecz słupkowym przez co [moim zdaniem] łatwiej "widać" dzienny przyrost każdego typu.

Odnośnik do komentarza
Udostępnij na innych stronach

  • 1 miesiąc temu...
  • Administrator
Opublikowano
Opublikowano

Witam w nowym roku 🎉 😉

Dzisiejsza aktualizacja przynosi parę rzeczy:

- na prośbę @ravenekse dodałem dla PL dodatkowe informacje takie jak: dostępne, zajęte, wolne łóżka i respiratory, ilość osób na kwarantannie i pod obserwacją oraz ilość przeprowadzonych testów oraz testowanych pacjentów

- zminifikowanie plików - teraz strona powinna działać szybciej

- nie wiem czemu tego nie zauważyłem wcześniej ale od tej pory zmiana motywu będzie zapisywana (wcześniej tego nie było)

- małe poprawki tekstowe i wizualne

 

Z mniej ważnych dla użytkownika rzeczy to trochę pogrzebałem w kodzie żeby w miarę ogarnąć niektóre rzeczy także jeśli coś się wykrzaczy dajcie znać 😉

Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

×