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 em espaços de tempo.

Como fazer[editar | editar código-fonte]

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
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[editar | editar código-fonte]

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[editar | editar código-fonte]

Para apresentar eventos com data de início e data de fim, usa-se a / entre as datas.

Período em que o evento ocorreu:

Exemplo: Prefeitos do Rio de Janeiro

1989-01-01T00:00:00Z
1992-12-31T00:00:00Z
Marcello Alencar (PDT)
1993-01-01T00:00:00Z
1997-01-01T00:00:00Z
César Maia (PMDB/PFL)
1997-01-01T00:00:00Z
2001-01-01T00:00:00Z
Luíz Paulo Conde (PFL)
2001-01-01T00:00:00Z
2009-01-01T00:00:00Z
César Maia (PTB/DEM)
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-04-27T00:00:00Z
Eduardo Paes (DEM/PSD)
{"selectable":false}


Veja como é o código dessa linha do tempo:

<itimeline>
<!-- YYYY-MM- DD/YYYY-MM-DD|Nome do evento -->
1989-01-01/1992-12-31|Marcello Alencar (PDT)
1993-01-01/1997-01-01|César Maia (PMDB/PFL)
1997-01-01/2001-01-01|Luíz Paulo Conde (PFL)
2001-01-01/2009-01-01|César Maia (PTB/DEM)
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>

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

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

É possível definir links para os eventos seguindo as convenções já citadas.

Linhas do tempo agrupadas[editar | editar código-fonte]

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

A linha do tempo pode ser apresentada por grupos de eventos. Neste exemplo temos os eventos apresentados nos seguintes grupos: Governo do Estado, 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 do Estado
Nome do Governador 1
2003-01-01T00:00:00Z
2006-04-06T00:00:00Z
Governo do Estado
Nome do Governador 2
1989-01-01T00:00:00Z
1992-12-31T00:00:00Z
Prefeitura
Marcello Alencar (PDT)
1993-01-01T00:00:00Z
1997-01-01T00:00:00Z
Prefeitura
César Maia (PMDB/PFL)
1997-01-01T00:00:00Z
2001-01-01T00:00:00Z
Prefeitura
Luíz Paulo Conde (PFL)
2001-01-01T00:00:00Z
2009-01-01T00:00:00Z
Prefeitura
César Maia (PTB/DEM)
2009-01-01T00:00:00Z
2016-12-31T00:00:00Z
Prefeitura
Eduardo Paes (PMDB)
2017-01-01T00:00:00Z
2021-01-01T00:00:00Z
Prefeitura
Marcelo Crivella
2021-01-01T00:00:00Z
2024-04-27T00:00:00Z
Prefeitura
Eduardo Paes (DEM/PSD)
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 do Estado|Nome do Governador 1
2003-01-01/2006-04-06|Governo do Estado|Nome do Governador 2
<!-- Prefeitura -->
1989-01-01/1992-12-31|Prefeitura|Marcello Alencar (PDT)
1993-01-01/1997-01-01|Prefeitura|César Maia (PMDB/PFL)
1997-01-01/2001-01-01|Prefeitura|Luíz Paulo Conde (PFL)
2001-01-01/2009-01-01|Prefeitura|César Maia (PTB/DEM)
2009-01-01/2016-12-31|Prefeitura|Eduardo Paes (PMDB)
2017-01-01/2021-01-01|Prefeitura|Marcelo Crivella
2021-01-01/{{CURRENTYEAR}}-{{CURRENTMONTH}}-{{CURRENTDAY2}}|Prefeitura|Eduardo Paes (DEM/PSD)
<!-- 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 os exemplos. Os textos entre as marcações <!-- ... --> funcionam apenas como comentários, não precisam ser incluídos na timeline.

Referência[editar | editar código-fonte]

Extension:InteractiveTimeline. (2022, janeiro 13). MediaWiki. Retrieved 17h18min, fevereiro 28, 2024 from https://www.mediawiki.org/w/index.php?title=Extension:InteractiveTimeline&oldid=5017450.