Storyline é uma ferramenta de código aberto que permite a qualquer pessoa construir um gráfico de linhas interativo e com anotações. Através delas podemos contar histórias em cima de dados que formam gráficos interativos, tornando o estudo e entendimento mais flexível e de fácil compreensão.

Como utilizar a ferramenta?

O primeiro passo é criar uma planilha pelo Google Planilhas e colocar todos os informações sobre determinado tema, com data e dados (números) e com um texto base sobre cada fato. Lembre-se de criar uma coluna com os respectivos títulos para cada texto.

Ao terminar essa parte, deve-se ir em “arquivo” depois “compartilhar” e, por fim, “publicar na web” para então copiar o URL da página. Feito isso, ao entrar na página inicial do Storyline JS e descer até a parte “configure your Storyline”, é preciso colar o URL da planilha copiado anteriormente na caixa de texto abaixo.

Por fim, selecione as características da sua linha do tempo tempo e publique seu gráfico interativo.

Detalhes Importantes

• Por enquanto, a ferramenta é focada em gráficos de linhas de séries temporais. O eixo x aceitará apenas formatos de hora / data.
• O design utilizado “mobile-first” requer que você seja curto. Não mais do que 12 cartas por história, títulos limitados a 54 caracteres e parágrafos limitados a 200 caracteres.
• O Storyline JS funciona melhor com menos de 800 pontos de dados.

Exemplo

O exemplo acima foi desenvolvido sobre o tema “MetGala: seus anos e looks marcantes”, os dados utilizados foram referentes aos valores do ingressos cobrados em cada ano marcante.

Fontes: Vogue Brasil

A atividade foi desenvolvida por Sara Mendes, Mariana Jovita, José Gabriel dos Reis e Maria Fernanda Gomes.