Timeline Storyteller est un environnement de narration visuelle expressive permettant de présenter des chronologies dans le navigateur ou dans Microsoft Power BI.
Utilisez-le pour présenter différents aspects des données de la chronologie à l'aide d'une palette de représentations, d'échelles et de mises en page de la chronologie, ainsi que de commandes de filtrage, de mise en surbrillance et d'annotation. Pour en savoir plus sur la recherche qui a éclairé ce projet, consultez timelinesrevisited.github.io , qui comprend une enquête sur les outils de chronologie et plus de 200 chronologies sur mesure.
Consultez ces exemples de chronologies et d’histoires chronologiques réalisées avec Timeline Storyteller.
Matthieu Brehmer
Bonghsin Lee
Nathalie Henry Riche
Darren Bord
Christophe Blanc
Kate Lytvynets
David Tittsworth
Clonez la branche principale de ce dépôt : git clone https://github.com/Microsoft/timelinestoryteller.git
Assurez-vous que nodejs, npm et fil sont installés.
Ouvrez un terminal à la racine du référentiel et installez les modules de nœuds : yarn
OU npm_install
.
Construire public/app/timelinestoryteller.js : npm test
Démarrez le serveur de nœud : npm start
Ouvrir l'hôte local : 8000
Le code source de l'application se trouve dans le répertoire src/.
Ce référentiel contient la source de Timeline Storyteller en tant qu'application Web autonome. Pour générer le visuel personnalisé Timeline Storyteller pour Power BI, reportez-vous à github.com/Microsoft/PowerBI-visuals-TimelineStoryteller.
Timeline Storyteller prend actuellement en charge les ensembles de données d'événements au format CSV, JSON ou Google Spreadsheet.
Chaque événement est spécifié par les attributs suivants :
Obligatoire : start_date
, date : AAAA, AAAA-MM-JJ ou AAAA-MM-JJ Les formats HH:MMZ (ISO 8601) sont pris en charge (Z nécessaire pour spécifier UTC, sinon HH:MM dépendra du fuseau horaire). Les dates BC sont autorisées, par exemple -27, -13800000000
Facultatif : end_date
, date : en utilisant le même format que start_date
Facultatif : category
, une chaîne correspondant à la catégorie de l'événement (que Timeline Storyteller code en couleur)
Facultatif : facet
, une chaîne correspondant à une autre catégorie de l'événement (que Timeline Storyteller utilise pour créer une disposition de timeline à facettes ; category
et facet
peuvent être identiques si vous le souhaitez)
Facultatif : content_text
, une description de chaîne de l'événement (que Timeline Storyteller expose sous forme d'annotations d'événement)
{ "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" },
ligne d'en-tête :
start_date,end_date,content_text,facet,category
exemple de ligne d'événement :
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
Voici l'ensemble de données de démonstration The Daily Routines of Famous Creative People utilisé dans la démo de Timeline Storyteller dans une feuille Google.
Assurez-vous que la feuille de calcul est publiée (ouvrez le menu « Fichier » de la feuille de calcul Google, sélectionnez « Publier sur le Web »).
Assurez-vous que les colonnes start_date
et end_date
sont formatées sous forme de texte et non sous forme de dates (par exemple, '1926-06-29
).
Obligatoire : URL de la feuille de calcul
Facultatif : titre de la feuille de calcul (c'est-à-dire le nom de l'onglet) pour cet ensemble de données : dailyroutines
Entrez l'URL de la feuille de calcul et le titre de la feuille de calcul dans la boîte de dialogue de chargement de Timeline Storyteller.
Notez que des instructions d'utilisation plus détaillées sont disponibles sur timelinestoryteller.com
Charger des données de chronologie (ensemble de données de démonstration, JSON, CSV, feuille de calcul Google) ou une histoire de chronologie enregistrée (un Blob JSON avec l'extension .cdc ; voir l'étape 6)
Sélectionnez une combinaison de représentation, d'échelle et de mise en page dans le menu en haut de l'écran ; seules certaines combinaisons sont valides ; consultez nos conseils sur la sélection des combinaisons appropriées pour votre histoire. Passez la souris sur ces options pour afficher une info-bulle décrivant en quoi elles pourraient être utiles.
Modifier la toile
Cliquez sur les événements pour les annoter avec leur étiquette content_text
; redimensionner et repositionner les étiquettes ; MAJ + clic pour mettre en surbrillance les événements sans afficher l'étiquette.
Annoter avec des légendes et des images ; redimensionner et repositionner les légendes et les images.
Filtrez les événements par catégorie, facette ou segment. Filtrez en mettant en surbrillance les événements correspondants (en atténuant les événements non correspondants).
Vous pouvez également filtrer en masquant les événements qui ne correspondent pas.
Enregistrez le canevas actuel en tant que scène, qui conserve les étiquettes, les légendes et les images. Entrez en mode lecture, accédez à la scène enregistrée précédente/suivante.
Exportez le canevas actuel au format PNG, SVG.
Exportez les scènes sous forme de GIF animé ou de JSON Blob (extension .cdc).
Conteur de la chronologie
Droit d'auteur (c) Microsoft Corporation
Tous droits réservés.
Licence MIT
L'autorisation est accordée par la présente, gratuitement, à toute personne obtenant une copie de ce logiciel et des fichiers de documentation associés (le Logiciel), d'utiliser le Logiciel sans restriction, y compris, sans limitation, les droits d'utilisation, de copie, de modification, de fusion, de publication. , distribuer, accorder des sous-licences et/ou vendre des copies du Logiciel, et permettre aux personnes à qui le Logiciel est fourni de le faire, sous réserve des conditions suivantes :
L'avis de droit d'auteur ci-dessus et cet avis d'autorisation doivent être inclus dans toutes les copies ou parties substantielles du logiciel.
LE LOGICIEL EST FOURNI TEL QUEL , SANS GARANTIE D'AUCUNE SORTE, EXPRESSE OU IMPLICITE, Y COMPRIS MAIS SANS LIMITATION LES GARANTIES DE QUALITÉ MARCHANDE, D'ADAPTATION À UN USAGE PARTICULIER ET DE NON-VIOLATION. EN AUCUN CAS LES AUTEURS OU LES TITULAIRES DES DROITS D'AUTEUR NE SERONT RESPONSABLES DE TOUTE RÉCLAMATION, DOMMAGES OU AUTRE RESPONSABILITÉ, QUE CE SOIT DANS UNE ACTION CONTRACTUELLE, DÉLIT OU AUTRE, DÉCOULANT DE, DE OU EN RELATION AVEC LE LOGICIEL OU L'UTILISATION OU D'AUTRES TRANSACTIONS DANS LE LOGICIEL.
Si vous utilisez Timeline Storyteller pour créer une chronologie pour un document de recherche, vous pouvez nous citer de deux manières. Vous pouvez citer l'outil lui-même :
@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 vous pouvez citer notre récent article de journal sur l’espace de conception de la chronologie :
@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} }
Tableau biographique de Priestley
Grands philosophes depuis le VIIIe siècle avant JC
Les plus grands empires de l'histoire
Dynasties d'Asie de l'Est
Épidémies depuis le 14e siècle
Premiers ministres du Canada
Présidents de France
Chanceliers d'Allemagne
Présidents d'Italie
Premiers ministres du Japon
Premiers ministres du Royaume-Uni
Présidents des États-Unis
Ouragans C4-5 : 1960-2010
Les routines quotidiennes des créateurs célèbres - « Visualiser la vie des peintres » par Accurat
« De la première publication aux chefs-d'œuvre » par Accurat
Le « Compte à rebours vers la singularité » de Kurzweil
« Une perspective sur le temps » par mayra.artes pour Wait But Why
« La vie d'un Américain typique » de Tim Urban pour Wait But Why
Toutes les icônes CC BY 3.0, par nom et auteur :
coche (Arthur Shlain)
calendrier (Kiril Tomilov)
chronologie (Alecander Bickov)
fichier gif (Pranav Grover)
fichier png (Pranav Grover)
fichier svg (Pranav Grover)
fichier json (Pranav Grover)
fichier csv (Pranav Grover)
conduire (Denis Klyuchnikov)
grille (Doejo)
dossier (iconoci)
filtre (Creative Shell)
image (Coquille créative)
guillemet (Veronika Krpciarova)
épingle (Alexandr Cherkinsky)
gomme (Terrence Kevin Oleary)
invisible (Enfant A)
livre (Setyo Ari Wibowo)