Download timelinestoryteller - download do código-fonte timelinestoryteller

timelinestoryteller

Outro código-fonte

1.0.0

Baixar

Contador de histórias da linha do tempo

Timeline Storyteller é um ambiente de narrativa visual expressivo para apresentar linhas do tempo no navegador ou no Microsoft Power BI.

Use-o para apresentar diferentes aspectos dos dados da linha do tempo usando uma paleta de representações, escalas e layouts da linha do tempo, bem como controles para filtragem, realce e anotação. Para saber mais sobre a pesquisa que informou este projeto, consulte timelinesrevisited.github.io , que inclui uma pesquisa de ferramentas de cronograma e mais de 200 cronogramas personalizados.

Veja estes exemplos de linhas do tempo e histórias de linhas do tempo feitas com o Timeline Storyteller.

Equipe do Projeto

Mateus Brehmer
Bonghsin Lee
Nathalie Henry Riche
Darren Edge
Cristóvão Branco
Kate Lytvynets
David Tittsworth

Configuração/Teste

Clone o branch principal deste repositório: git clone https://github.com/Microsoft/timelinestoryteller.git
Certifique-se de que nodejs, npm e yarn estejam instalados.
Abra um terminal na raiz do repositório e instale os módulos do nó: yarn OR npm_install .
Construa public/app/timelinestoryteller.js: npm test
Inicie o servidor do nó: npm start
Abra localhost:8000

O código-fonte do aplicativo pode ser encontrado no diretório src/.

O visual personalizado do Power BI do Timeline Storyteller

Este repositório contém a fonte do Timeline Storyteller como um aplicativo da web independente. Para gerar o visual personalizado do Timeline Storyteller para Power BI, consulte github.com/Microsoft/PowerBI-visuals-TimelineStoryteller.

Preparando seus dados

Atualmente, o Timeline Storyteller oferece suporte a conjuntos de dados de eventos em formato CSV, JSON ou planilha do Google.

Cada evento é especificado pelos seguintes atributos:

Obrigatório : start_date , data: AAAA, AAAA-MM-DD ou AAAA-MM-DD Os formatos HH:MMZ (ISO 8601) são suportados (Z necessário para especificar UTC, caso contrário, HH:MM dependerá do fuso horário). Datas BC são permitidas, por exemplo, -27, -13800000000
Opcional : end_date , data: usando o mesmo formato que start_date
Opcional : category , uma string correspondente à categoria do evento (que o Timeline Storyteller codifica como cor)
Opcional : facet , uma string correspondente a outra categoria do evento (que o Timeline Storyteller usa para criar um layout de linha do tempo facetado; category e facet podem ser idênticas, se desejado)
Opcional : content_text , uma descrição de string do evento (que o Timeline Storyteller expõe como anotações de evento)

Evento de exemplo em JSON:

{ "start_date":"1775", "end_date":"1783", "content_text":"American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.", "facet":"North America", "category":"North America" },

Evento de exemplo em CSV:

linha de cabeçalho:

start_date,end_date,content_text,facet,category

exemplo de linha de evento:

1775,1783,American Revolutionary War: an armed struggle for secession from the British Empire by the Thirteen Colonies that would subsequently become the United States.,North America,North America

Exemplo de CSV/Planilha Google

Aqui está o conjunto de dados de demonstração The Daily Routines of Famous Creative People usado na demonstração do Timeline Storyteller em uma planilha do Google.

Certifique-se de que a planilha esteja publicada (abra o menu “Arquivo” da Planilha Google, selecione “Publicar na Web”).
Certifique-se de que as colunas start_date e end_date estejam formatadas como texto e não como datas (por exemplo, '1926-06-29 ).
Obrigatório : URL da planilha
Opcional : título da planilha (ou seja, nome da guia) para este conjunto de dados: dailyroutines
Insira o URL da planilha e o título da planilha na caixa de diálogo de carregamento do Timeline Storyteller.

Uso

Observe que instruções de uso mais detalhadas estão disponíveis em timelinestoryteller.com

Carregar dados da linha do tempo (conjunto de dados de demonstração, JSON, CSV, planilha do Google) ou história da linha do tempo salva (um Blob JSON com extensão .cdc; consulte a etapa 6)
Selecione uma combinação de representação, escala e layout no menu na parte superior da tela; apenas algumas combinações são válidas; consulte nossas orientações sobre como selecionar combinações apropriadas para sua história. Passe o mouse sobre essas opções para ver uma dica que descreve como elas podem ser úteis.
Edite a tela

Clique nos eventos para anotar com seu rótulo content_text ; redimensionar e reposicionar etiquetas; SHIFT + clique para destacar eventos sem mostrar o rótulo.
Anote com legendas e imagens; redimensionar e reposicionar legendas e imagens.
Filtre eventos por categoria, faceta ou segmento. Filtre destacando eventos correspondentes enfatizando (desenfatizando eventos não correspondentes).
Você também pode filtrar ocultando eventos não correspondentes.

Grave a tela atual como uma cena, que retém rótulos, legendas e imagens. Entre no modo de reprodução, navegue para a cena gravada anterior/seguinte.
Exporte a tela atual como PNG, SVG.
Exporte as cenas como um GIF animado ou como um JSON Blob (extensão .cdc).

Licença

Contador de histórias da linha do tempo

Direitos autorais (c) Microsoft Corporation

Licença MIT

É concedida permissão, gratuitamente, a qualquer pessoa que obtenha uma cópia deste software e dos arquivos de documentação associados (o Software), para negociar o Software sem restrições, incluindo, sem limitação, os direitos de usar, copiar, modificar, mesclar, publicar , distribuir, sublicenciar e/ou vender cópias do Software e permitir que as pessoas a quem o Software é fornecido o façam, sujeito às seguintes condições:

O aviso de direitos autorais acima e este aviso de permissão serão incluídos em todas as cópias ou partes substanciais do Software.

O SOFTWARE É FORNECIDO COMO ESTÁ , SEM GARANTIA DE QUALQUER TIPO, EXPRESSA OU IMPLÍCITA, INCLUINDO, MAS NÃO SE LIMITANDO ÀS GARANTIAS DE COMERCIALIZAÇÃO, ADEQUAÇÃO A UM DETERMINADO FIM E NÃO VIOLAÇÃO. EM HIPÓTESE ALGUMA OS AUTORES OU DETENTORES DE DIREITOS AUTORAIS SERÃO RESPONSÁVEIS POR QUALQUER RECLAMAÇÃO, DANOS OU OUTRA RESPONSABILIDADE, SEJA EM UMA AÇÃO DE CONTRATO, ATO ILÍCITO OU DE OUTRA FORMA, DECORRENTE DE, OU EM CONEXÃO COM O SOFTWARE OU O USO OU OUTRAS NEGOCIAÇÕES NO SOFTWARE.

Agradecimentos

Citando-nos

Se você usar o Timeline Storyteller para criar um cronograma para um artigo de pesquisa, poderá nos citar de duas maneiras. Você pode citar a própria ferramenta:

@misc{TimelineStoryteller, author = {Matthew Brehmer and Bongshin Lee and Nathalie Henry Riche and Darren Edge and Christopher White and Kate Lytvynets and David Tittsworth}, title = {Microsoft Timeline Storyteller}, year = {2017}, note = {url{https://timelinestoryteller.com}} }

Ou você pode citar nosso artigo recente sobre o espaço de design da linha do tempo:

@article{Brehmer2016, author = {Matthew Brehmer and Bongshin Lee and Benjamin Bach and Nathalie Henry Riche and Tamara Munzner}, title = {Timelines Revisited: A Design Space and Considerations for Expressive Storytelling}, journal = {IEEE Transactions on Visualization and Computer Graphics (TVCG)}, year = {2017}, volume = {23}, issue = {9}, pages = {2151--2164}, doi = {10.1109/TVCG.2016.2614803}, ISSN = {1077-2626} }

Proveniência do conjunto de dados de demonstração

Gráfico de biografia de Priestley
Grandes filósofos desde o século VIII a.C.
Os maiores impérios da história
Dinastias do Leste Asiático
Epidemias desde o século XIV
Primeiros Ministros do Canadá
Presidentes da França
Chanceleres da Alemanha
Presidentes da Itália
Primeiros Ministros do Japão
Primeiros-Ministros do Reino Unido
Presidentes dos EUA
Furacões C4-5: 1960-2010
As rotinas diárias de pessoas criativas famosas - 'Visualizando a vida dos pintores', por Accurat
'Da primeira publicação às obras-primas' por Accurat
'Contagem regressiva para a singularidade' de Kurzweil
'A Perspective on Time' por mayra.artes para Wait But Why
'Life of a Typical American', de Tim Urban para Wait But Why