Donnez une URL. On rend la timeline.

Trois rendus React au-dessus de TimelineJS3 : Archive pour explorer, Cinematic pour projeter, Editorial pour publier.

Pas d'URL ? Essayer avec l'exemple « Conquête spatiale »

Trois manières de raconter.

§ 02 · Skins

Aperçu →

Cinematic

Lecture automatique, Ken Burns, plein écran. Pour exporter en vidéo ou projeter en conférence.

Vidéo·Projection

Aperçu →

Editorial

Mise en page magazine, transitions page-turn. Pour intégrer dans un site éditorial.

Site·Publication

Format attendu.

§ 03 · Schéma

Strict minimum : une liste d'events, chaque event avec une date et un titre.

events: [...] requis, au moins 1.
Chaque event : start_date.year et text.headline obligatoires.
media.url optionnel (Wikipedia, YouTube, Vimeo, image directe…).
sources: [...] optionnel — citez vos sources, par URL ou {title, url}.
eras: [...] optionnel pour découper en périodes.

Schéma complet → docs upstream Knight Lab Voir examples/sample.json

{
  "events": [{
    "start_date": { "year": "1969", "month": "7", "day": "20" },
    "text": {
      "headline": "Apollo 11",
      "text": "Premier homme sur la Lune."
    },
    "media": {
      "url": "https://en.wikipedia.org/wiki/Apollo_11"
    },
    "sources": [
      { "title": "NASA — Apollo 11", "url": "https://www.nasa.gov/mission/apollo-11/" }
    ]
  }]
}

Quelques exemples.

§ 04 · Public

Timelines publiées dans le repo TheCause/timeline-data. Cliquez pour ouvrir dans le viewer.

Lecture du repo timeline-data

—