Przejdź do głównej treści
Otwórz panel
Nie wiesz, od czego zacząć? Rozwiąż krótki quiz, aby otrzymać spersonalizowane rekomendacje.
Lekcja 13 z 18
Studio danych: Tworzenie interaktywnych wizualizacji danych
Data Journalism
Public Data Explorer: Klucz do świata danych.
Google Surveys: Zdobądź rzeczywiste dane.
Google Trends: Odczytywanie danych.
Google Data GIF Maker
Arkusze Google: Wizualizacja danych
Wizualizacja danych: Szablony Flourish.
Źródło danych: Global Forest Watch.
Arkusze Google: Pobieranie danych z internetu
Arkusze Google: Czyszczenie danych
Google Trends: Popraw swoje wyniki wyszukiwania.
Źródło danych: Election Databot.
check_box_outline_blank Data Journalism: Take the Quiz
Kurs
0% ukończono
5 minut aby zakończyć

Studio danych: Tworzenie interaktywnych wizualizacji danych

InteractiveData_overview_xkBAYnb.jpg
Ożyw swoje zbiory danych, tworząc efektowne interaktywne wizualizacje za pomocą prostego w użyciu studia.
InteractiveData_overview_xkBAYnb.jpg

Przegląd lekcji

InteractiveData_overview_MJCCgFQ.jpg

Naucz się tworzyć wizualizacje, aby opowiedzieć historię.


Studio danych jest skutecznym narzędziem do tworzenia interaktywnych wizualizacji, które aktualizują w czasie rzeczywistym dane z różnych źródeł. W dziennikarstwie Studio danych umożliwia opowiadanie historii za pomocą danych i daje swobodę ich prezentacji. Wizualizacje te pozwalają pokazać użytkownikom historie z różnych perspektyw. 



  1. Połączenie Arkuszy Google ze Studiem danych.
  2. Edytowanie danych.
  3. Tworzenie wykresu liniowego.
  4. Dodawanie tabel.
  5. Zmienianie wyglądu wizualizacji.
  6. Osadzanie interaktywnej wizualizacji.

Więcej lekcji z zakresu Dziennikarstwa opartego na danych można znaleźć na stronie:

https://newsinitiative.withgoogle.com/training/course/data-journalism

InteractiveData_overview_MJCCgFQ.jpg

Połączenie Arkuszy Google ze Studiem danych.

Zanim rozpoczniesz, upewnij się, że ukończyłeś(-aś) lekcje w naszym Centrum Szkoleniowym: „Arkusze Google: Pobieranie danych z internetu” i „Arkusze Google: Czyszczenie danych” i jesteś zalogowany przy użyciu tego samego konta. Do tej wizualizacji będziemy używać arkusza danych, który stworzyliśmy w trakcie tych lekcji z artykułu Wikipedii.  





Przejdź na stronę datastudio.google.com i utwórz nowy raport, klikając pusty prostokąt z ikoną +. 


W Studiu danych wizualizacje są nazywane „raportami”. Aby połączyć Arkusze Google z tym raportem, wybierz Utwórz nowe źródło danych w prawym dolnym rogu. 


Menu przesunie się w górę, pokazując usługi, z których możemy pobrać nasze dane. Przewiń do Arkuszy Google i kliknij WYBIERZ.


W polu wyszukiwania wyświetlą się wszystkie pliki Arkuszy Google powiązane z Twoim Dyskiem Google. (Jeśli po raz pierwszy korzystasz ze Studia danych Google, być może będziesz musiał(a) wyrazić zgodę na dostęp do Twojego konta na Dysku).Wybierz arkusz kalkulacyjny i związany z nim arkusz roboczy, w którym przechowywane są dane.


Zaznacz wszystkie Opcje i kliknij przycisk Połącz.

Edytowanie danych.


Zmieńmy nazwę wizualizacji. Kliknij w lewym górnym rogu na pole Raport bez tytułu. Zmień tytuł na „50 najbardziej dochodowych filmów na świecie”. 


W sekcji Typ zmień dane w wierszu 5 z „Liczba” na „Data i godzina” > „Rok (RRRR)”. Zostaw bez zmian, jeśli ustawiony jest już Rok (RRRR).


Wybierz Dodaj do raportu, niebieski przycisk w prawym górnym rogu. Kliknij ponownie tę samą opcję w wyświetlonym oknie.


Ustawmy rozmiar wizualizacji na 630 pikseli szerokości i 800 pikseli wysokości. Kliknij gdziekolwiek i wpisz wartości w sekcji Rozmiar obszaru roboczego.

Tworzenie wykresu liniowego.

Chcemy dodać interaktywny wykres liniowy przedstawiający przychody z poszczególnych lat. Gdy klikniesz na dowolny rok wzdłuż linii, pojawi się tabela z listą filmów od najbardziej dochodowych po te z najniższymi wpływami.  




Najpierw wybierz prostokąt i przeciągnij kursor myszy na górze obszaru roboczego. Użyj narzędzia Tekst, aby dodać tytuł. Użyj prawego panelu, aby sformatować tekst.


Wybierz opcję Dodaj wykres, a następnie kliknij Wygładzony wykres liniowy. 


Zmień rozmiar tak, aby dopasować go odpowiednio pod tytułem, zostawiając miejsce na następny wykres.


Aby zmienić wymiar, dane i sortowanie dla wykresu liniowego, kliknij go dwukrotnie.W sekcji Wymiar przeciągnij i upuść Rok, aby zastąpić Tytuł. Następnie zastąp Dane parametrem Przychód.


W sekcji Sortuj kliknij Przychód, a następnie Rok. 


Zmień opcję sortowania na Rosnąco.Na dole znajduje się sekcja Interactions. Wybierz Zastosuj filtr. Dzięki temu każde kliknięcie wykresu będzie automatycznie filtrować tabelę.

Dodawanie tabel.


Wybierz Dodaj wykres > Tabela. Zmień rozmiar, aby wyświetlić pierwsze 10 wierszy na liście.


Skonfigurujmy tę tabelę trzema parametrami w tej kolejności: Rok, Pozycja, Przychód. Dodaj te parametry w sekcji Dane, przeciągając z panelu Dostępne pola lub klikając Dodaj dane. 


Następnie przejdź do sekcji Styl > Kolory tabeli i zmień kolor nagłówka na ciemnoszary.


W sekcji Stopka tabeli odznacz Pokaż podział na strony.


Teraz możesz dodać tekst, podając źródło danych i instrukcje dotyczące korzystania z tabeli. Wybierz opcję Tekst, aby dodać go w dolnej części tabeli.

Zmienianie wyglądu wizualizacji.

Poznajmy kilka różnych rodzajów elementów wyglądu i tekstu, które można wykorzystać w celu dostosowania wizualizacji. 





Aby dodać bezpośredni tekst, taki jak „Przewiń, aby zobaczyć więcej", kliknij opcję Tekst i wpisz instrukcję. 


W każdej chwili możesz wyświetlić podgląd wizualizacji, klikając przycisk Wyświetl. Ponownie kliknij przycisk, aby przejść z trybu podglądu do trybu edycji.


W trybie podglądu możesz kliknąć na dowolny rok na wykresie, a tabela poniżej automatycznie wyświetli 50 najlepszych filmów z tego roku. 


Tryb podglądu pozwala również zobaczyć pełną wizualizację, a tym tytuł, wykres liniowy i tabelę. 

Osadzanie interaktywnej wizualizacji.

Możesz udostępnić swoją wizualizację za pośrednictwem poczty elektronicznej lub osadzić ją na swojej stronie internetowej. 




Udostępnij tę wizualizację w taki sam sposób, w jaki udostępnił(a)byś jakikolwiek inny dokument pakietu G Suite.


Aby umieścić tę interaktywną wizualizację na swojej stronie internetowej, kliknij Plik > Umieść raport. Zaznacz opcję Włącz umieszczanie i użyj kodu na swojej stronie.

Gratulacje!

InteractiveData_overview_IXJEf3a.jpg

Ukończyłeś(-aś) lekcję „Studio danych: Tworzenie interaktywnych wizualizacji danych”.



Aby dalej rozwijać swoje umiejętności dziennikarskie i pracować nad certyfikacją Google News Initiative, przejdź na stronę internetową naszego Centrum Szkoleniowego i zacznij kolejną lekcję.



Więcej lekcji z zakresu Dziennikarstwa opartego na danych można znaleźć na stronie:

https://newsinitiative.withgoogle.com/training/course/data-journalism


InteractiveData_overview_IXJEf3a.jpg
Gratulacje! To już koniec. Studio danych: Tworzenie interaktywnych wizualizacji danych in progress
Recommended for you
Jak oceniasz tę lekcję?
Twoja opinia pomoże nam w ciągłym udoskonalaniu naszych lekcji.
Leave and lose progress?
By leaving this page you will lose all progress on your current lesson. Are you sure you want to continue and lose your progress?