Studio danych: Tworzenie interaktywnych wizualizacji danych
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
Ożyw swoje zbiory danych, tworząc efektowne interaktywne wizualizacje za pomocą prostego w użyciu studia.
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
Przegląd lekcji
![InteractiveData_overview_MJCCgFQ.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.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.
- Połączenie Arkuszy Google ze Studiem danych.
- Edytowanie danych.
- Tworzenie wykresu liniowego.
- Dodawanie tabel.
- Zmienianie wyglądu wizualizacji.
- 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](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.jpg)
Połączenie Arkuszy Google ze Studiem danych.
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step1_hzh4EhH.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step2_k3EkzqD.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step3_T3yagnz.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step4_nQq4b0t.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step5_nKUew5M.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
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.
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step1_hzh4EhH.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step2_k3EkzqD.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step3_T3yagnz.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step4_nQq4b0t.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
![InteractiveData_Connecting_Google_Sheets_with_Data_Studio_step5_nKUew5M.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_Connecting_Google_Sheets_with_D.original.jpg)
Edytowanie danych.
![INteractivedata_Editing_your_data_step1_M4jySkY.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step1_M4jySkY.original.jpg)
![INteractivedata_Editing_your_data_step2_kxwEXDf.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step2_kxwEXDf.original.jpg)
![INteractivedata_Editing_your_data_step3_2ljEo6p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step3_2ljEo6p.original.jpg)
![INteractivedata_Editing_your_data_step4_IPgzw7p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step4_IPgzw7p.original.jpg)
Editing your data
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.
![INteractivedata_Editing_your_data_step1_M4jySkY.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step1_M4jySkY.original.jpg)
![INteractivedata_Editing_your_data_step2_kxwEXDf.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step2_kxwEXDf.original.jpg)
![INteractivedata_Editing_your_data_step3_2ljEo6p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step3_2ljEo6p.original.jpg)
![INteractivedata_Editing_your_data_step4_IPgzw7p.jpg](https://storage.googleapis.com/media-newsinitiative/images/INteractivedata_Editing_your_data_step4_IPgzw7p.original.jpg)
Tworzenie wykresu liniowego.
![interactivedata_Creating_a_line_chart_step1_lge78At.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step1_lge.original.jpg)
![interactivedata_Creating_a_line_chart_step2_Royn4nY.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step2_Roy.original.jpg)
![interactivedata_Creating_a_line_chart_step3_wlQtE19.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step3_wlQ.original.jpg)
![interactivedata_Creating_a_line_chart_step4_Ol5uUlm.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step4_Ol5.original.jpg)
![interactivedata_Creating_a_line_chart_step5_UJKQdi6.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step5_UJK.original.jpg)
![interactivedata_Creating_a_line_chart_step6_NLMDngK.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step6_NLM.original.jpg)
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ę.
![interactivedata_Creating_a_line_chart_step1_lge78At.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step1_lge.original.jpg)
![interactivedata_Creating_a_line_chart_step2_Royn4nY.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step2_Roy.original.jpg)
![interactivedata_Creating_a_line_chart_step3_wlQtE19.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step3_wlQ.original.jpg)
![interactivedata_Creating_a_line_chart_step4_Ol5uUlm.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step4_Ol5.original.jpg)
![interactivedata_Creating_a_line_chart_step5_UJKQdi6.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step5_UJK.original.jpg)
![interactivedata_Creating_a_line_chart_step6_NLMDngK.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Creating_a_line_chart_step6_NLM.original.jpg)
Dodawanie tabel.
![interactivedata_Adding_a_table_chart_step1_GzJx07e.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step1_GzJx.original.jpg)
![interactivedata_Adding_a_table_chart_step2_sHu4pMg.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step2_sHu4.original.jpg)
![interactivedata_Adding_a_table_chart_step3_dYnqan8.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step3_dYnq.original.jpg)
![interactivedata_Adding_a_table_chart_step4_6awKsar.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step4_6awK.original.jpg)
![interactivedata_Adding_a_table_chart_step5_lc2JHx7.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step5_lc2J.original.jpg)
Adding a table chart
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.
![interactivedata_Adding_a_table_chart_step1_GzJx07e.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step1_GzJx.original.jpg)
![interactivedata_Adding_a_table_chart_step2_sHu4pMg.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step2_sHu4.original.jpg)
![interactivedata_Adding_a_table_chart_step3_dYnqan8.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step3_dYnq.original.jpg)
![interactivedata_Adding_a_table_chart_step4_6awKsar.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step4_6awK.original.jpg)
![interactivedata_Adding_a_table_chart_step5_lc2JHx7.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Adding_a_table_chart_step5_lc2J.original.jpg)
Zmienianie wyglądu wizualizacji.
![interactivedata_Making_design_changes_in_your_visualization_step1_WgJZmhL.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step2_6mo3grr.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step3_3Tnk19X.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step4_F6VE4zU.png](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.png)
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ę.
![interactivedata_Making_design_changes_in_your_visualization_step1_WgJZmhL.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step2_6mo3grr.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step3_3Tnk19X.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.jpg)
![interactivedata_Making_design_changes_in_your_visualization_step4_F6VE4zU.png](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Making_design_changes_in_your_v.original.png)
Osadzanie interaktywnej wizualizacji.
![interactivedata_Embedding_your_interactive_visualization_step1_TgIfiPS.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
![interactivedata_Embedding_your_interactive_visualization_step2_3p3LvXH.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
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.
![interactivedata_Embedding_your_interactive_visualization_step1_TgIfiPS.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
![interactivedata_Embedding_your_interactive_visualization_step2_3p3LvXH.jpg](https://storage.googleapis.com/media-newsinitiative/images/interactivedata_Embedding_your_interactive_visu.original.jpg)
Gratulacje!
![InteractiveData_overview_IXJEf3a.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.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](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.jpg)
-
-
-
Archiwum Google News: Otrzymaj dostęp do informacji sprzed lat.
LekcjaOdkryj historyczne publikacje cyfrowe i zeskanowane gazety.