Najbardziej imponująca interaktywna wizualizacja danych online

Opublikowany: 2022-08-29

W dobie informacji wizualizacja danych stała się kluczowa. Sieć WWW jest wypełniona wszelkiego rodzaju informacjami, generującymi nowe wyzwania. Na przykład nie wszystko jest zorganizowane w niekończących się bazach danych i arkuszach kalkulacyjnych. Dzięki interaktywnej wizualizacji danych informacje zamieniają się w historię, którą przyjemnie się czyta.

Profesjonaliści w tej dziedzinie wiedzą, że ludzie są naturalnie predysponowani do bodźców wizualnych . W ten sposób wdrażają interaktywne funkcje, aby osoba mogła zrozumieć spostrzeżenia, mając jednocześnie inspirujące doświadczenie.

Na interaktywnych wykresach użytkownicy mogą otrzymywać informacje zwrotne, klikając, przewijając lub najeżdżając myszką na określone miejsce. Dzięki temu analiza danych staje się bardziej angażująca. Użytkownicy będą mogli głębiej zagłębić się w doświadczenie i sprawić, że proces odkrywania danych będzie znacznie przyjemniejszy.

Jeśli szukasz inspirującego przykładu interaktywnej wizualizacji danych, sprawdź te strony.

Interaktywne strony do wizualizacji danych, które Cię zainspirują

Kolory ruchu

Ta strona internetowa oferuje niesamowitą opcję wizualizacji danych. Pozwala użytkownikom badać wykorzystanie kolorów w plakatach filmowych. Innymi słowy, witryna rozbija każdą klatkę na kolor. Następnie zestawia wszystkie kolory razem, tworząc hipnotyzujące wykresy przedstawiające plakaty z kultowych filmów . Niektóre z plakatów, które znajdziesz, to „Piękny umysł” i „Łowca androidów 2049”.

Po Babilonie

Badanie proliferacji języka jest dość trudne. Biorąc pod uwagę liczbę języków używanych w dzisiejszych czasach, analiza danych jest trudna do przetworzenia. Na przykład, może być trudno przeanalizować rodziny językowe, liczbę osób, które nim posługują się, ich rozpowszechnienie na całym świecie i ich wzajemny wpływ.

Ten projekt zapewnia doskonałe rozwiązanie do wizualizacji danych dzięki Światowemu Atlasowi Struktur Językowych. W ten sposób na interaktywnej mapie wyświetlane są 2678 języków świata .

Użytkownicy będą mogli zrozumieć spostrzeżenia, takie jak wymiana słów, relacje między językami, rodziny, zapożyczenia itp.

Streamgraph imigracji do USA

Historia imigracji w USA jest bardzo interesująca, a to narzędzie do wizualizacji pięknie ją przedstawia.

Dziennikarka Talia Bronshtein stworzyła ten wykres pokazujący przybycie imigrantów do U . S . od 1820 do 2015 roku . Dzięki oszałamiającym wizualizacjom informacje skaczą prosto do Ciebie. Dowiesz się, że podczas II wojny światowej imigracja do USA była praktycznie zerowa. Okazało się również, że przed wojną ludzie pochodzili głównie z Austrii, Węgier, Włoch i Rosji. Jednak pod koniec 2000 roku większość imigrantów pochodziła z Ameryki Południowej i Azji.

Nierówności szkół publicznych hrabstwa Pinellas dla czarnoskórych uczniów

Jeśli chcesz zobaczyć dobrą wizualną reprezentację wykresów dynamicznych, spójrz na ten przykład. Wyniki pokazują bezpośredni związek między rosnącą segregacją a spadającymi wynikami uczniów w hrabstwie Pinellas na Florydzie.

Wskazują również, że pięć ze 150 szkół podstawowych w powiecie osiąga wyjątkowo słabe wyniki. Dzięki wykresom staje się jasne, że szkoły te znajdują się na obszarach o najwyższym poziomie segregacji. Interaktywne wizualizacje danych, takie jak ta, pomagają władzom lokalnym w dokonywaniu najlepszych wyborów w celu rozwiązania problemu.

Śledztwo zostało przeprowadzone przez Tampa Bay Times na podstawie informacji zebranych przez Departament Edukacji Florydy.

Ewolucja zaufania

Unikalne koncepcje i oryginalne pomysły to zawsze najlepszy sposób na podejście do wizualizacji danych. Na przykład w „Ewolucji zaufania” Nicky Case zwraca uwagę, zapraszając nas do małej gry .

W ciągu zaledwie 30 minut odwiedzający potwierdzają, że oszuści mogą wygrać na krótką metę, ale ostatecznie przegrywają. Będąc zabawną i edukacyjną, ta gra jest warta twojego czasu.

Twoje piękne dane zasługują na to, by być online

wpDataTables może to zrobić. Nie bez powodu jest to wtyczka nr 1 WordPress do tworzenia responsywnych tabel i wykresów.

Rzeczywisty przykład wpDataTables w środowisku naturalnym

I naprawdę łatwo jest zrobić coś takiego:

  1. Podajesz dane tabeli
  2. Skonfiguruj i dostosuj go
  3. Opublikuj go w poście lub na stronie

I to nie tylko ładne, ale i praktyczne. Możesz tworzyć duże tabele z milionami wierszy lub korzystać z zaawansowanych filtrów i wyszukiwania, lub możesz zaszaleć i udostępnić je do edycji.

„Tak, ale po prostu za bardzo lubię Excela, a na stronach internetowych nic takiego nie ma”. Tak, jest. Możesz użyć formatowania warunkowego, takiego jak w Excelu lub Arkuszach Google.

Czy mówiłem ci, że możesz też tworzyć wykresy ze swoich danych? A to tylko niewielka część. Istnieje wiele innych funkcji dla Ciebie.

Zróżnicowanie wynagrodzenia ze względu na płeć — Stany Zjednoczone

Nasza lista interaktywnych wizualizacji danych nie może pominąć tego tematu. Korzystając z informacji z amerykańskiego Biura Statystyki Pracy, David McCandless i jego zespół przedstawiają ten wykres.

Wizualizacja jest równie piękna, co dokładna, przedstawia informacje z różnych źródeł, m.in. z dziedzin takich jak sprzedaż, media, edukacja, prawo, nauka, praca fizyczna, inżynieria.

Strona internetowa McCandless wyświetla te informacje w postaci prostych wizualizacji. W ten sposób pokazuje różnicę między zawodami i różnicę płac między płciami .

Paliwa kopalne

Teraz osiągnęliśmy punkt, w którym dane pokazują bardziej niepokojące wyniki. Te wizualizacje danych przedstawiają złożone historie danych dotyczące najpilniejszych problemów środowiskowych. W tym przypadku narzędzia do wizualizacji danych służą do pokazania zwiększonej krzywej dwutlenku węgla w atmosferze.

To nie tylko wystarczająco złe, że CO2 powoduje zmiany klimatyczne, ale trendy pokazują, że będzie on nadal wzrastał. Informacje mówią same za siebie , dostarczając cennych informacji . Na przykład możemy zauważyć niewielki, ale stały wzrost od czasu rewolucji przemysłowej i bardziej gwałtowną krzywą w kierunku 2100.

Największe słownictwo w hip-hopie

Interaktywna wizualizacja danych nie tylko pomaga wizualnym uczniom, ale może również opowiedzieć historię. Niektóre przykłady z tej listy dostarczają przydatnych wglądów w różne obszary wiedzy. Z drugiej strony inne mają być po prostu dla zabawy.

Wszystko zaczęło się, gdy Matt Daniels stwierdził, że kręgi literackie uwielbiają cytować Szekspira, mimo że używa on tylko 28 829 słów. Następnie zasugerował, że zna ponad 100 000 słów.

W ten sposób Daniels i jego zespół zdołali stworzyć interaktywne wizualizacje danych przedstawiające USA z krajem tworzonym przez twarze muzyków hip hopowych. Innymi słowy, interaktywne dane porównują liczbę słów różnych artystów hip- hopowych . Dla uczciwego porównania zespół wziął pod uwagę tylko pierwsze 35 000 tekstów. Artystów takich jak Jay-Z można porównać do mniej płodnych artystów, takich jak Drake.

Sprawdź „Największe słownictwo w hip-hopie”, aby zobaczyć prawdziwy model opowiadania historii.

Jak zmieniły się populacje państwowe

Ten wykres przedstawia populację każdego stanu od 1920 roku . Użytkownicy mogą izolować poszczególne stany, aby zobaczyć, jak zmienia się ich populacja, zwiększając się lub zmniejszając w czasie.

Cell Towers Mapa świata

„Największa na świecie otwarta baza danych wież komórkowych” to jeden z najlepszych przykładów interaktywnych wizualizacji danych na tej liście. W eleganckim stylu wykresy pokazują 40 milionów wież komórkowych na całym świecie.

Wrażenia użytkownika nie mogą być lepsze, ponieważ mogą zobaczyć, jak wieża oświetla się wokół głównych obszarów metropolitalnych . Ponadto interaktywna mapa pokazuje rozległe obszary cyfrowej „dziczy”. W północnych regionach Rosji i Kanady obserwujemy mniejsze zagęszczenie ze względu na surowy klimat. To samo dzieje się z wieżami komórkowymi w Afryce Środkowej i Mongolii.

Mapa jest oparta na OpenCelliD, który jest największą bazą danych wież komórkowych.

Eksplorator wirusów

Jak sama nazwa wskazuje, strona ta prezentuje interaktywne wizualizacje wirusów. W ten sposób użytkownicy studiują i badają próbki za pomocą modeli 3D . Dużym plusem jest możliwość obejrzenia ich w różnych rozmiarach.

Funkcje te są idealne do zrozumienia spostrzeżeń, takich jak typ genomu, struktura wirusa, dostępne szczepionki itp.

Steruj Kanałem Sueskim

W 2021 r. ruch morski ustał, gdy statek towarowy utknął na jednym z najważniejszych przejść wodnych na świecie. Mówimy o Kanale Sueskim. Jeśli myślałeś, że mogłeś to zrobić lepiej, oto interaktywna wizualizacja danych przez CNN , która pozwala wypróbować to samemu.

Biblioteka domeny publicznej NYPL

NYPL stworzyło bibliotekę cyfrową, która jest zdecydowanie jedną z najlepszych wizualizacji danych. Ich aplikacja zorientowana na dane jest niezwykle interesująca, ponieważ zawiera listy postaci historycznych, zabytkowe zdjęcia i wiele innych przedmiotów z XI wieku.

Poznaj siódmą mapę Europy wraz z innymi cudami. Najlepsze jest to, że aplikacja umożliwia sortowanie według kolekcji , gatunku , koloru i wieku .

Satelity krążące wokół Ziemi

Poznaj tę interaktywną wizualizację danych opartą na danych zebranych przez Union of Concerned Scientists. Ten wykres, stworzony przez Tima Fernholza i Davida Yanofsky'ego, przedstawia wizualizację 1 300 satelitów krążących wokół Ziemi . Znajdź różnorodne dane, takie jak ścieżka, region, waga i które satelity zapewniają GPS lub usługi internetowe.

Interaktywna mapa ruchu w czasie rzeczywistym w Berlinie

Wiele miast pokochałoby taki wykres. Użytkownicy mogą odkrywać położenie autobusów, pociągów, tramwajów i promów. Dzięki zaawansowanym filtrom mogą zawęzić wyszukiwanie do konkretnej ulicy. W ten sposób uzyskasz jasny obraz sytuacji na drodze , w tym linii , przystanków , stacji i środków komunikacji . Dzięki powiększeniu ludzie mogą zobaczyć usługi, takie jak parkingi, taksówki i wspólne korzystanie z samochodów/rowerów.

Pamiętaj, że jeśli spojrzysz na mapę ogólnie, zobaczysz coś, co wygląda jak setki mrówek gorączkowo poruszających się po okolicy. Tego typu narzędzia stają się przydatne podczas powiększania określonej lokalizacji.

Podsumowując, jest to doskonały przykład przydatnej interaktywnej wizualizacji.

Jak zmieniły się hity Billboardu

Oto świetne narzędzie do wizualizacji dla fanów muzyki. Oprogramowanie umożliwia użytkownikom oglądanie najlepszych piosenek Billboard co tydzień , obejmujących 60 lat (od 1960 do 2019). Użytkownicy mają możliwość odkrywania muzycznych hitów w historii podczas słuchania muzyki.

Śledzenie szczepień COVID-19

Sprawdź to narzędzie do śledzenia szczepień COVID-19, które obejmuje różne kraje i wszystkie stany USA. Dane pokazują osoby, które otrzymały co najmniej jedną dawkę szczepionki. To jedno z najlepszych narzędzi do śledzenia postępów w walce z koronawirusem za pomocą prostych wizualizacji.

Dane pochodzą z projektu na Uniwersytecie Oksfordzkim o nazwie „Nasz świat w danych”. Użytkownicy mogą zobaczyć średnią siedmiodniowych szczepień i określić odsetek zaszczepionej populacji .

Demografia innych osób

Na podstawie badania American Community Survey z 2016 r. te wykresy przedstawiają demografię w Stanach Zjednoczonych. Nathan Yau kieruje tym projektem. Stwierdził, że ta złożona historia danych uczy nas o naszych różnicach i podobieństwach z innymi.

Poprzez różne filtry (pochodzenie etniczne, wiek i płeć) możesz zobaczyć zmieniające się wizualizacje danych demograficznych. Prawdopodobnie uznasz, że „Demografia innych” jest prosta, ale pomaga prowadzić intuicyjną analizę danych. Dodatkowa animacja podczas przełączania między filtrami jest miłym akcentem.

Selfiecity – nauka o selfie

Oto kolejne interesujące badanie, które sięga prosto do korzeni naszego stulecia. Analizując selfie z Moskwy, Berlina, Bangkoku, Nowego Jorku i Sao Paulo, w ramach projektu udało się stworzyć interaktywne wizualizacje danych.

Jeśli kiedykolwiek zastanawiałeś się, kto robi więcej selfie (mężczyźni czy kobiety) i co robią ludzie podczas ich robienia (przechylanie głowy, przycinanie zdjęcia, uśmiech), odwiedź te wykresy. Każdy entuzjasta danych z przyjemnością pozna te interesujące fakty.

Wyniki są wyświetlane z fajnymi funkcjami wizualizacji pokazującymi interaktywne dane. Istnieje również możliwość stosowania filtrów i zagłębiania się w dane .

Co tak naprawdę ociepla świat?

Korzystanie z dynamicznych wykresów to świetny pomysł na opowiadanie złożonych historii danych . W tym przypadku ekolodzy mają doskonały model wizualizacji danych.

Ten wykres stworzony przez Bloomberg Business jest przeznaczony dla każdej osoby, która jest zaniepokojona globalnym ociepleniem. Znajdziesz więcej niż tylko główne czynniki, które przyczyniają się do wzrostu temperatury; czytelnicy mogą znaleźć odpowiedź na pytanie, jakie czynniki powodują globalne ocieplenie.

Strona Wieżowiec

Odwiedź stronę Wieżowiec, aby zobaczyć porównanie wszystkich drapaczy chmur na świecie. Co więcej, informacje są dość łatwe do uchwycenia. Serwis oparty jest na bazie danych zawierającej dziesiątki tysięcy budynków , które można porównać, umieszczając je obok siebie .

Użyj kategorii, takich jak miasta lub kraje, aby porównać różne budynki. Jeśli jesteś chętny do nauki, z przyjemnością znajdziesz wszelkiego rodzaju informacje, w tym datę budowy, wysokość i inne interesujące szczegóły.

Jak ewoluował gust muzyczny

Chociaż może to nie być najbardziej użyteczna interaktywna wizualizacja danych, z pewnością jest interesująca. Czy słyszałeś kiedyś, że muzyka była lepsza w „dawnych czasach”? Teraz masz szansę to udowodnić.

„How Music Taste Evolved” pozwala użytkownikom spojrzeć w przeszłość. Znajdą utwory, które osiągnęły pierwsze miejsce na liście Billboard Hot 100 od 1958 do 2015 roku. Interakcja jest bardzo wciągająca, ponieważ wykresy poruszają się w miarę klikania na przestrzeni lat i doświadczają zmian w gustach muzycznych ludzi.

Na tym wykresie mamy jasny przykład przekonującego opowiadania danych.

Fale grawitacyjne

Astronomom spodoba się ten projekt oparty na interaktywnych wizualizacjach fal grawitacyjnych. „Fale grawitacyjne” zostały stworzone dla Science News i szczycą się informacyjnym i minimalistycznym designem.

Użytkownicy znajdą wszelkiego rodzaju informacje, takie jak masa i wielkość fuzji. Wszystko to wspierają gustowne animacje, które niosą czytelny przekaz , jednocześnie dzieląc się przydatnymi danymi.

Kształtowanie świata

Worldshapin wyróżnia się wyjątkowością. Wizualizacje dashboardu pokazują czynniki rozwoju z różnych krajów i bardzo ciekawie je porównują.

Możesz przeciągać kursor po osi czasu iw ten sposób manipulować kolorowymi kształtami . Reprezentują one zmiany, które zaszły w regionie na przestrzeni czasu. Wykres jest łatwy do odczytania, a jego interaktywne wizualizacje danych są bardzo pouczające.

Drzewa uliczne w Nowym Jorku

W oparciu o informacje z NYC Open Data, NYC Street Trees pokazuje szeroką gamę drzew, które można znaleźć w Wielkim Jabłku. W pięciu dzielnicach (Manhattan, Queens, Staten Island, Brooklyn i Bronx) występuje ponad 67 genii drzew .

Każde nadchodzące zaćmienie Słońca (do 2080 r.)

Zaćmienia Słońca to wspaniałe wydarzenie zarówno dla zawodowych astronomów, jak i amatorów. Na przykład zaćmienie Słońca, które miało miejsce w 2017 roku, było pierwszym, które przeszło od wybrzeża do wybrzeża w Stanach Zjednoczonych od prawie wieku.

Po tym wydarzeniu Washington Post zbudował interaktywną wizualizację globu pokazującą ścieżki przyszłych zaćmień z wyjątkiem roku 2028.

Sprawdź to i znajdź oszałamiającą reprezentację wizualną w postaci kuli ziemskiej. Globus obraca się , ukazując przyszłe ścieżki całkowitych zaćmień . Kliknij kulę ziemską, aby zobaczyć bardziej szczegółowe informacje, na przykład, kiedy i gdzie nastąpią zaćmienia. Ścieżki oznaczone są różnymi odcieniami fioletu, przy czym ciemniejsze pojawiają się wcześniej.

Ciekawą funkcją jest możliwość wpisania roku urodzenia i sprawdzenia, ile zaćmień będziesz mógł zobaczyć w swoim życiu.

Nawigator PBDB

Wśród wielu narzędzi edukacyjnych na tej liście jest to jedno z najlepszych. Idealny dla studentów paleobiologii, PBDB Navigator udostępnia cenne spostrzeżenia.

Przeglądając oś czasu, zobaczysz, jak wyglądał świat w określonym wieku , na przykład w okresie jurajskim lub epoce kenozoicznej . W ten sposób zobaczysz typy organizmów żyjących w danym czasie, ich procent i strefy.

Indeks Big Mac

The Economist spopularyzował tak zwany „indeks Big Mac”. Tutaj porównują ceny tego posiłku w różnych jurysdykcjach. Ale dlaczego The Economist miałby wybrać ten konkretny produkt?

Ta oferta specjalna McDonald's przedstawia kilka czynników, które warto wziąć pod uwagę. Obejmuje to koszty nakładów z różnych sektorów gospodarki (praca, towary rolne, czynsz, koszty nieruchomości i reklama). Zgodnie z tym, Big Mac jest standardowym produktem, na podstawie którego można zmierzyć gospodarkę kraju .

Po zalogowaniu się do indeksu Big Mac zobaczysz funkcję wizualizacji, która pokazuje, czy waluty są na „właściwym” poziomie. Eksperci analizują to zgodnie z „teorią parytetu siły nabywczej”, która mówi, że kursy walut powinny zmieniać się, aby w dłuższej perspektywie zrównoważyć identyczny koszyk żywności i usług. W tym przypadku The Economist traktuje Big Maca jako solidny wskaźnik.

Książki non-fiction, które każdy powinien przeczytać

Wreszcie mamy wizualizację, którą pokocha każdy zapalony czytelnik. Wykres opiera się na danych z serwisów z recenzjami, nagrodami i opiniami publicznymi.

Informacje są wyświetlane w kształcie chmurki, reprezentującym różne tytuły książek w różnych kolorach i czcionkami . Gdy użytkownik kliknie link, prowadzi go do strony Amazon, gdzie mogą kupić książkę.

Sprawdź poniższe gatunki i wybierz swój ulubiony, od społecznych, naukowych, biografii, historii i filozofii po przewodniki i politykę. W ten sposób zobaczysz, że książki wyróżniają się na tle innych.

Ostatnie przemyślenia na temat interaktywnej wizualizacji danych

Jak prawie każdy inny sektor, edukacja zmieniła się znacząco w naszym stuleciu. Teraz informacje powinny być nie tylko dokładne, ale i interesujące. Interaktywna wizualizacja danych to coś więcej niż doświadczenie estetyczne; chodzi o stworzenie efektywnego sposobu komunikacji .

Chodzi o to, aby zabrać czytelnika w podróż, w której może przeżyć niezapomniane wrażenia. Tak więc uczenie się odbywa się z zaangażowania, a nie wysiłku intelektualnego. Wizualizacje danych umożliwiają odbiorcom samodzielne zdobywanie wiedzy i generowanie bardziej wciągającego procesu edukacyjnego.

Spójrz na te przykłady i zacznij tworzyć własne, zapadające w pamięć oprogramowanie do interaktywnej wizualizacji danych.

Jeśli podobał Ci się ten artykuł o interaktywnej wizualizacji danych, powinieneś przeczytać również te:

  • Najlepsze narzędzia i platformy do wizualizacji danych dla Ciebie
  • Wprowadzające w błąd przykłady wizualizacji danych, których należy unikać
  • Imponujące przykłady wizualizacji danych do obejrzenia