O Storyline JS é uma ferramenta versátil e muito dinâmica para melhorar a visualização de uma informação que envolve dados relacionados à passagem do tempo. Ela é muito usada por jornalistas e pesquisadores no WordPress.
Apesar de facilitar o entendimento de dados – muitas vezes – complexos, o Storyline JS é simples de utilizar! Acompanhe o passo a passo para a configuração de um gráfico dinâmico sobre o surgimento e decadência dos CDs no mundo:
Passo 1: Acesso ao site e criação da planilha
Como é uma ferramenta externa, basta acessar o site do Storyline JS . Além disso, você deve abrir e criar um novo documento no Planilhas Google.
Passo 2: Preenchimento da planilha
Deve-se criar uma tabela e a primeira coluna deve ser preenchida com as datas, ou seja, o período de tempo em que o objeto de demonstração vai ser estudado. Na segunda coluna, é preciso expor a demonstração dos dados, como no exemplo, a quantidade de CDs vendidos com o passar dos anos. Na terceira coluna, coloca-se o título e na quarta, o texto explicando cada uma das datas. Confira o exemplo abaixo:
Passo 3: Publicação da planilha
Para que as informações sejam enviadas à ferramenta, é necessário publicar a planilha na web. Clique em Arquivo > Publicar na Web > Publicar > OK.
Após a ação acima, copie o link que está na barra de endereços acima da planilha, como no exemplo a seguir:
Cole este link na área apropriada, que está no site do Storyline JS e clique em “Load“:
Passo 4: Configuração da ferramenta
Preencha as informações que a ferramenta pede, como as linhas e colunas da planilha que estão preenchidas com as informações, e clique em “Create Storyline“.
Copie o link que aparecerá na caixa “Embed“.
Passo 5: Publicação do Storyline JS
Para inserir a ferramenta ao WordPress, selecione o bloco “Pré-Formatado”:
Clique nos três pontos na vertical que aparecem como opção no bloco, clique em “Editar em HTML”, cole o link como no exemplo abaixo, clique novamente nos 3 pontos, e selecione “Editar visualmente”.
O resultado você verá logo abaixo, que é uma linha do tempo que demonstra o período entre a criação, pico de vendas e decadência dos CDs no mundo:
Incrível, né? O Storyline JS é uma ótima maneira de facilitar o entendimento de inúmeras informações, além de deixar o conteúdo mais elegante e interativo!