Data Studio: Faça visualizações interativas dos dados
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
Dê vida aos seus dados criando visualizações interativas poderosas com um estúdio fácil de usar.
![InteractiveData_overview_xkBAYnb.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_xkBAYnb.original.jpg)
Visão global da aula
![InteractiveData_overview_MJCCgFQ.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.jpg)
Aprenda a desenvolver visualizações que contam a sua estória.
O Data Studio é uma ferramenta poderosa para desenvolver visualizações que se atualizam em tempo real com dados de uma variedade de fontes. No jornalismo, o Data Studio lhe permite contar estórias com os dados e lhe dá liberdade em como apresentá-los. Estas visualizações permitem que os usuários interajam com as estórias de diferentes perspectivas.
- Conectar o Google Sheets com o Data Studio.
- Exibir os seus dados.
- Criar um gráfico de linhas.
- Adicionar uma tabela do gráfico.
- Fazer mudanças de design na sua visualização.
- Inserir a sua visualização interativa.
Para mais aulas sobre Jornalismo de Dados, visite:
https://newsinitiative.withgoogle.com/training/course/data-journalism
![InteractiveData_overview_MJCCgFQ.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_MJCCgFQ.original.jpg)
Conectar o Google Sheets com o Data Studio.
![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)
Antes de começar, assegure-se de ter completado nossas aulas do Centro de Treinamento, Google Sheets: Extração de dados da internet e do Google Sheets: Limpeza de dados e que você está conectado com a mesma conta. Utilizaremos a planilha de dados que criamos a partir do artigo da Wikipedia naquelas aulas para esta visualização.
Acesse datastudio.google.com e comece um novo relatório clicando no quadro vazio com o ícone +.
No Data Studio, as visualizações são chamadas de "relatórios". Para conectar o nosso Google Sheet a este relatório, selecione Criar uma Nova Fonte de Dados na parte inferior direita.
Um menu aparecerá mostrando os serviços de onde puxar os dados. Selecione Google Sheets e clique SELECIONAR.
Na caixa de busca, você verá todos os arquivos do Google Sheets associados à sua conta do Google Drive. (Se esta é a primeira vez que você usa o Google Data Studio, você precisa conceder permissão para acessar sua conta do seu Drive.)Selecione a planilha e a planilha de trabalho associada onde os dados estão armazenados.
Selecione todas as caixas de Opções e clique Conectar.
![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)
Exibir os seus dados.
![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
Vamos renomear a visualização. Clique no canto superior esquerdo onde aparece Relatório sem título. Vamos chamá-lo de “Os 50 filmes de maior arrecadação no mundo”.
Sob Tipo, mude o dado na coluna 5 de Número para Data & Hora > Ano (AAAA). Se já estiver definido como Ano (AAAA), deixe assim.
Selecione Adicionar ao relatório, o botão azul no topo, à direita. Clique novamente na mesma opção que irá aparecer.
Vamos fazer a visualização com 630 pixels de largura e 800 pixels de altura. Clique em qualquer lugar e digite os números na seção Tamanho da tela.
![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)
Criar um gráfico de linhas.
![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)
Vamos adicionar um gráfico interativo de linhas mostrando a arrecadação mundial para um dado ano. Quando você clicar sobre qualquer ano ao longo da linha, uma tabela aparecerá listando os principais filmes, da maior para menor arrecadação.
Primeiramente, selecione a ferramenta retângulo e arraste o cursor do mouse sobre a tela. Use a ferramenta de texto para adicionar um título. Use o painel direito para formatar o texto.
Acesse Adicionar um gráfico e clique Gráfico de linhas suaves.
Redimensione-o para se enquadrar perfeitamente abaixo do título, mas deixe espaço para o próximo gráfico.
Para mudar as dimensões, métrica e o tipo de gráfico de linha, clique duas vezes.Para Dimensionar, arreste e solte Ano para substituir o Título. Em seguida, substitua Métrica com Arrecadação mundial.
Sob Ordenar, clique em Arrecadação mundial, e então clique em Ano.
Mude a opção de ordenar para Ordem Crescente.Na parte de baixo, você verá a seção chamada Interações. Selecione Aplicar filtro. Com isso, cada clique no gráfico de linha acionará uma ação para filtrar a tabela do gráfico.
![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)
Adicionar uma tabela do gráfico.
![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
Escolha Adicione um gráfico > Tabela do gráfico. Redimensione a tabela para mostrar as 10 primeiras linhas.
Vamos definir esta tabela com três métricas, nesta ordem: Ano, Classificação e Arrecadação mundial. Acesse Métricas e adicione esses campos, seja arrastando de Campos disponíveis ou clicando Adicionar métrica.
Em seguida, acesse Estilo > Cores da tabela para mudar a cor do título para cinza escuro.
Acesse o Rodapé da tabela e desmarque Mostrar paginação.
Agora você pode adicionar texto para informar a sua fonte de dados e oferecer instruções para a utilização da tabela. Selecione Texto e adicione-o ao final da tabela.
![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)
Fazer mudanças de design na sua visualização.
![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)
Vamos explorar alguns tipos diferentes de elementos de design e texto que podem ser usados para customizar sua visualização.
Para adicionar textos direcionados, como, por exemplo, “Role para ver mais!”, clique em Texto e digite sua mensagem.
Você pode pré-visualizar seu gráfico clicando em Visualização. Para alternar entre o modo Visualizar e o modo Editar, basta clicar novamente.
Quando você estiver no modo Visualizar, você pode clicar em qualquer lugar na linha e a tabela abaixo mostrará automaticamente os 50 principais filmes daquele ano.
O modo Visualizar também permite ver a visualização completa criada por você, inclusive o título, gráfico de linhas e a tabela do gráfico.
![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)
Inserir a sua visualização interativa.
![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)
Você pode compartilhar sua visualização por e-mail ou inserindo-a no seu site.
Compartilhe esta visualização da mesma maneira que compartilharia qualquer outro documento do GSuite.
Para inserir esta visualização interativa no seu site, clique em Arquivo > Inserir relatório. Marque a caixa Permitir inserção e use o código na sua página.
![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)
Parabéns!
![InteractiveData_overview_IXJEf3a.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.jpg)
Você completou o “Data Studio: Faça visualizações interativas dos dados.”
Para continuar desenvolvendo suas habilidades de jornalismo digital e para trabalhar para conseguir a certificação da Google News Initiative, acesse o nosso site do Centro de Treinamento e faça outra aula.
Para mais aulas sobre Jornalismo de Dados, visite:
https://newsinitiative.withgoogle.com/training/course/data-journalism
![InteractiveData_overview_IXJEf3a.jpg](https://storage.googleapis.com/media-newsinitiative/images/InteractiveData_overview_IXJEf3a.original.jpg)
-
Aumente sua receita de publicidade com o Google Ad Manager
AulaAproveite ao máximo sua receita de publicidade. -
Verificação: Pesquisa Avançada Reversa por Imagens
AulaComo separar os relatos genuínos de testemunhas de conteúdo atribuído incorretamente. -
Crie seu público com o Google Analytics 4
AulaEntenda como o Google Analytics 4 funciona para ajudar na análise de público