Data Studio: Faça visualizações interativas dos dados

Dê vida aos seus dados criando visualizações interativas poderosas com um estúdio fácil de usar.

Visão global da aula

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

Conectar o Google Sheets com o Data Studio.





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.





Exibir os seus dados.




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.




Criar um gráfico de linhas.






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.






Adicionar uma tabela do gráfico.





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.





Fazer mudanças de design na sua visualização.




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.




Inserir a sua visualização interativa.


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.


Parabéns!

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

-
Imagens Históricas do Google: Google Earth Pro, Maps e Timelapse
AulaDescubra onde uma foto foi tirada e quando foi publicada. -
-
Machine Learning é o mesmo que IA?
AulaTer uma visão panorâmica do machine learning no cenário da IA.