Ajuda:Linha do tempo

Por equipe do Dicionário de Favelas Marielle Franco

Linha do tempo é um recurso gráfico que pode ser utilizado para apresentar eventos organizados no espaço de tempo .

Como fazer

Para formar uma linha do tempo é necessário definir pelo menos uma data (ano-mês-dia) e um nome para o evento. Os dados para formar uma linha do tempo devem ser incluídos entre as marcações <itimeline> e </itimeline>

<itimeline>
1990-07-26|Chacina de Acari
1991-10-10|Chacina do Maracanã
1990-07-26|[[Chacina de Acari]]
1998-10-10|[[Chacina do Maracanã - 10 de outubro de 1998]]
</itimeline>

As linhas do tempo podem ser empregadas para listar eventos da mesma natureza que se repetem com o passar do tempo ou para listar eventos distintos e destacar sua posição no curso do tempo.

1990-07-26T00:00:00Z
Chacina de Acari
1991-10-10T00:00:00Z
Chacina do Maracanã
1990-07-26T00:00:00Z
1998-10-10T00:00:00Z
2003-04-16T00:00:00Z
1993-07-23T00:00:00Z
2021-06-06T13:00:00Z
{"selectable":false}


Veja como é escrito o código desse exemplo:

<itimeline>
1990-07-26|Chacina de Acari
1991-10-10|Chacina do Maracanã
1990-07-26|[[Chacina de Acari]]
1998-10-10|[[Chacina do Maracanã - 10 de outubro de 1998]]
1998-10-10|[[Chacina do Maracanã - 10 de outubro de 1998|Chacina do Maracanã]]
2003-04-16|[[Chacina do Borel|Chacina do Borel]]
1993-07-23T00:00:00Z|[[Chacina da Candelária|Chacina da Candelária]]
2021-06-06T13:00:00Z|[[Arquivo:Jacarezinho protesto faixa.jpg|64px|link=Chacina do Jacarezinho]] [[Chacina do Jacarezinho|Chacina do Jacarezinho]]
</itimeline>

Sintaxe de eventos

Dentro da tag <itimeline> você define a lista de eventos a serem exibidos na sua linha do tempo. Você deve incluir um evento por linha e os eventos não podem abranger várias linhas. Os eventos podem ter link para os verbetes dos eventos, bem como podem apresentar uma imagem. Veja como podem ser definidas as formas de apresentação dos eventos na linha do tempo:

Evento sem link:

1990-07-26|Chacina de Acari

Evento com link para o verbete:

1993-07-23|[[Chacina de Acari]]

Evento com link para o verbete:

1993-07-23|[[Chacina_de_Acari|Chacina de Acari]]

Evento com link para o verbete e nome diferente de exibição:

1990-07-26|[[Chacina de Acari|Acari]]

Evento com data e hora definida e com link para o verbete:

1993-07-23T13:50:10Z|[[Chacina de Acari|Chacina de Acari]]

Evento com imagem e com link para o verbete na imagem e no texto:

2021-06-06|[[Arquivo:Jacarezinho protesto faixa.jpg|64px|link=Chacina do Jacarezinho]] [[Chacina do Jacarezinho|Chacina do Jacarezinho]]

Intervalo de tempo

Para apresentar eventos com data de início e data de fim, usa-se a / entre as datas. As configurações para link de página seguem as mesmas convenções já citadas:

Período em que o evento ocorreu:

1989-01-01T00:00:00Z
1992-12-31T00:00:00Z
Marcello Alencar (PDT)
2009-01-01T00:00:00Z
2016-12-31T00:00:00Z
Eduardo Paes (PMDB)
2017-01-01T00:00:00Z
2021-01-01T00:00:00Z
Marcelo Crivella
2021-01-01T00:00:00Z
2024-12-30T00:00:00Z
Eduardo Paes (DEM/PSD)
{"selectable":false}
<itimeline>
YYYY-MM- DD/YYYY-MM-DD|Nome do evento
1989-01-01/1992-12-31|Marcello Alencar (PDT)
2009-01-01/2016-12-31|Eduardo Paes (PMDB)
2017-01-01/2021-01-01|Marcelo Crivella
2021-01-01/{{CURRENTYEAR}}-{{CURRENTMONTH}}-{{CURRENTDAY2}}|Eduardo Paes (DEM/PSD)
</itimeline>
</itimeline>

Para definir um intervalo de tempo até a data atual, utilize a sentença abaixo como data de fim:

{{CURRENTYEAR}}-{{CURRENTMONTH}}-{{CURRENTDAY2}}

Período em que o evento ocorreu, com link:

<itimeline>
YYYY-MM- DD/YYYY-MM-DD|[[Título da página do evento|Nome a exibir]]
</itimeline>


Linhas do tempo agrupadas

Podemos criar linhas do tempo de temáticas diferentes e agrupá-las em uma única linha do tempo, funcionando como um recurso de comparação visual.

Grupos

A linha do tempo pode ser apresentada por grupos de eventos. Neste exemplo temos os eventos apresentados nos seguintes grupos: Governo, Prefeitura, Políticas Públicas e Chacinas.

Atenção! Ao criar uma linha do tempo por grupos, todos os registro deverão ter o grupo indicado, caso contrário, os registros sem grupos serão ignorados.

1999-01-01T00:00:00Z
2002-04-06T00:00:00Z
Governo
Nome do Governador 1
2003-01-01T00:00:00Z
2006-04-06T00:00:00Z
Governo
Nome do Governador 2
2021-01-01T00:00:00Z
2024-12-31T00:00:00Z
Prefeitura
Nome do Prefeito
2017-01-01T00:00:00Z
2021-01-01T00:00:00Z
Prefeitura
Nome do Prefeito 2
2009-01-01T00:00:00Z
2016-12-31T00:00:00Z
Prefeitura
Nome do Prefeito 3
1989-01-01T00:00:00Z
1992-12-31T00:00:00Z
Prefeitura
Nome do Prefeito 4
2006-01-01T00:00:00Z
2022-03-31T00:00:00Z
Políticas públicas
Descrição da política pública
2022-04-01T00:00:00Z
2022-12-31T00:00:00Z
Políticas públicas
Descrição da segunda política pública
1993-07-23T00:00:00Z
Chacinas
2003-04-16T00:00:00Z
Chacinas
1998-10-10T00:00:00Z
Chacinas
2019-02-08T00:00:00Z
Chacinas
{"selectable":false}


Veja como é escrito o código desse exemplo:

<itimeline>
<!-- Essas linhas definem eventos que acontecem em um intervalo de tempo -->
<!-- Governo -->
1999-01-01/2002-04-06|Governo|Nome do Governador 1
2003-01-01/2006-04-06|Governo|Nome do Governador 2
<!-- Prefeitura -->
2021-01-01/2024-12-31|Prefeitura|Nome do Prefeito
2017-01-01/2021-01-01|Prefeitura|Nome do Prefeito 2
2009-01-01/2016-12-31|Prefeitura|Nome do Prefeito 3
1989-01-01/1992-12-31|Prefeitura|Nome do Prefeito 4
<!-- Políticas públicas -->
2006-01-01/2022-03-31|Políticas públicas|Descrição da política pública
2022-04-01/2022-12-31|Políticas públicas|Descrição da segunda política pública 

<!-- Essas linhas definem eventos que acontecem em uma data específica -->
<!-- Chacinas -->
1990-07-26|Chacinas|[[Chacina de Acari|Chacina de Acari]
1993-07-23|Chacinas|[[Chacina da Candelária|Chacina da Candelária]]
2003-04-16|Chacinas|[[Chacina do Borel|Chacina do Borel]]
1998-10-10|Chacinas|[[Chacina do Maracanã - 10 de outubro de 1998|Chacina do Maracanã]]
2019-02-08|Chacinas|[[Chacina do Fallet-Fogueteiro - 08 de fevereiro de 2019|Chacina do Fallet-Fogueteiro]]

</itimeline>

OBS.: Os dados nesta página são todos apenas para ilustrar o exemplo. Os textos entre as marcações <!-- ... --> funcionam apenas como comentários, não precisam ser incluídos na timeline.