Por Italo , Juliana e Lucas
Uma ferramenta muito utilizada, principalmente por jornalistas, é o Storyline JS. Esse post vai explicá-la a partir de um exemplo utilizando o PIB brasileiro.
PIB brasileiro ao longo dos anos e seu contexto político:
Por onde começar?
Primeiramente, é necessário acessar a ferramenta Storyline JS onde terá disponível a planilha do Google Sheets.
Como criar o conteúdo para o gráfico?
Na planilha, é possível comparar dois eixos, nesse caso o PIB ao longo dos anos. Em cada ponto de encontro entre os eixos, haverá uma marcação (bolinha) onde ficarão as informações que serão mostradas na Storyline. Para isso, cria-se a terceira divisão da planilha (texto) onde o conteúdo será anotado.
Como transferir a Storyline para o WordPress?
Após você preencher as tabelas no Google Sheets com todos os dados necessários, é preciso que você publique a página na web no intuito de utilizar o link do documento para anexá-lo ao Storyline JS. Vejamos o passo a passo a seguir:
O passo seguinte é você copiar o link, que está na “Barra de Endereços” (ex: https://docs.google…), e acessar a página do Storyline JS para seguir as instruções que estão no site.
Dica: se você não possui uma boa compreensão do inglês, busque utilizar navegadores de internet que possuam a ferramenta de traduzir a página para o seu idioma (Google Chrome e Microsoft Edge possuem de forma padrão a ferramenta).
Se já configurou tudo no Storyline JS e os dados apareceram com os cards de informações, agora é o momento de introduzi-lo ao WordPress copiando o Embed, que é gerado em uma caixa de texto ao lado do Storyline, e em seguida retornar à página onde será publicado o storyline.
Para isso é preciso adicionar um “bloco” do tipo:
Ao inserir o bloco, basta clicar depois no menu de “Mais Opções” (são os 3 pequenos pontos na vertical no próprio bloco) e logo em seguida clicar em “Editar como HTML”, a seguinte janela irá abrir e basta colar o embed e retornar para o modo “Editar visualmente” seguindo os mesmos passos aqui colocados.
O resultado você já conferiu no exemplo dado sobre o PIB no início desse post.
E aí? Curtiu? É uma ferramenta intuitiva e excelente para elucidar diversas questões ao compor artigos informativos e muito mais. Confira mais dicas aqui mesmo no Blog!