Prototyper une visualisation chronologique

[lenaMK]

Panorama de chronologies:

D3

• possibilité de faire une sorte de "stacked bar chart" horizontal, chaque barre est une personne, et la couleur définit le statut (ex: blanc/transparent si absent...)
• https://observablehq.com/@austingoudge/constitution-chronology. Plusieurs valeurs pour une même ligne (pour marquer les changements de statuts chez les membres par exemple), option de tri
• https://observablehq.com/@tezzutezzu/world-history-timeline Option de tri pour réorganiser le graphique
• https://observablehq.com/@stardisblue/compact-timeline même graphique que précédent mais "compacté"
• Calendar view: https://observablehq.com/@d3/calendar-view un carré par jour (pas très pertinent à premier abord)

Vega

• https://vega.github.io/vega/examples/timelines/

[lenaMK]

Petits essais de viz dans prospo/viz :)

[lenaMK]

timeline.js :

• recommandation (dans la vidéo de présentation) de ne pas avoir plus de 20 entrées --> ne semble donc pas très adéquat pour le travail imaginé.
• exemple de structure des données. Résumé: une timeline contient une série de slides. Chaque slide a, minimalement un _startdate, et peut avoir un _enddate. Possibilité de créer des "groupes" pour catégoriser, s'affiche sous la forme d'un label. Era pour attribuer un label à une période (organisations du conseil).
• doc pour l'utiliser en js
• pour le moment, c'est dur à dire si ce serait compliqué de modifier leur code pour ajouter des fonctionnalités à la chronologie

[lenaMK]

The Timeline Consortium:

• doc du standard
• [exemples]https://github.com/TimelineConsortium/Timeline-Data) de données, très simple :

  "facet":"Anderson, Sherwood",
  "content_text":"",
  "start_date":"1916",
  "end_date":"",
  "category":"debut"
  }

• pas de code pour le prototype de l'outil
• pas sûre s'il y a eu des avancements depuis le hackathon
• ce n'est pas clair (pour moi) s'il a déjà été utilisé ou si c'est juste le produit du hackathon. Reste à explorer: https://timelineconsortium.org/links-related-efforts

[lenaMK]

Test D3: https://observablehq.com/@lenamk/testing-time-scales

basé notamment sur:

• https://observablehq.com/@tezzutezzu/world-history-timeline

documentation timeScale: pour l'axe du temps, permet d'envisager l'interactivité, comme le pan ou le zoom

[lenaMK]

prototype VIP

• [x] : on circle hover, tooltip avec infos point>label
• [x] : on rect hover, tooltip avec infos range>label
• [ ] : test re-arranging y axis (name a->z, ordre chronologique)
• [x] : test all people

[lenaMK]

to do :

• [x] ajouter légende des couleurs (statut)
• [ ] filtrer (champs de recherche sur le nom: class css avec visible/hidden)
• [ ] add top x axis
• [ ] ordonnancer par (dernière entrée/présence): position x du curseur (class css avec visible/hidden + afficher dans l'ordre d'entrée)
• [ ] add info type: https://public.archi/prosopo/person/gourlier.html on click (label dob-dod + range)
• [ ] style du label onMouseOver (bulle, encadrée, fond blanc) plus lisible...