timelinestoryteller Download - timelinestoryteller Quellcode herunterladen

timelinestoryteller

Anderer Quellcode

1.0.0

Herunterladen

Timeline-Geschichtenerzähler

Timeline Storyteller ist eine ausdrucksstarke visuelle Storytelling-Umgebung zur Darstellung von Zeitleisten im Browser oder in Microsoft Power BI.

Verwenden Sie es, um verschiedene Aspekte von Zeitachsendaten mithilfe einer Palette von Zeitachsendarstellungen, Maßstäben und Layouts sowie Steuerelementen zum Filtern, Hervorheben und Kommentieren darzustellen. Weitere Informationen über die Forschung, die diesem Projekt zugrunde lag, finden Sie unter timelinesrevisited.github.io , das eine Übersicht über Zeitleisten-Tools und mehr als 200 maßgeschneiderte Zeitleisten umfasst.

Sehen Sie sich diese Beispiele für Zeitleisten und Zeitleistengeschichten an, die mit Timeline Storyteller erstellt wurden.

Projektteam

Matthew Brehmer
Bonghsin Lee
Nathalie Henry Riche
Darren Edge
Christopher White
Kate Lytvynets
David Tittsworth

Einrichtung / Test

Klonen Sie den Hauptzweig dieses Repositorys: git clone https://github.com/Microsoft/timelinestoryteller.git
Stellen Sie sicher, dass NodeJS, NPM und Yarn installiert sind.
Öffnen Sie ein Terminal im Stammverzeichnis des Repositorys und installieren Sie Knotenmodule: yarn ODER npm_install .
Erstellen Sie public/app/timelinestoryteller.js: npm test
Starten Sie den Knotenserver: npm start
Öffnen Sie localhost:8000

Der Quellcode der Anwendung befindet sich im Verzeichnis src/.

Das benutzerdefinierte Power BI-Visual „Timeline Storyteller“.

Dieses Repository enthält die Quelle für Timeline Storyteller als eigenständige Webanwendung. Informationen zum Generieren des benutzerdefinierten Timeline Storyteller-Visuals für Power BI finden Sie unter github.com/Microsoft/PowerBI-visuals-TimelineStoryteller.

Aufbereitung Ihrer Daten

Timeline Storyteller unterstützt derzeit Datensätze von Ereignissen im CSV-, JSON- oder Google Spreadsheet-Format.

Jedes Ereignis wird durch die folgenden Attribute spezifiziert:

Erforderlich : start_date , Datum: JJJJ, JJJJ-MM-TT oder JJJJ-MM-TT Formate HH:MMZ (ISO 8601) werden unterstützt (Z ist für die Angabe von UTC erforderlich, andernfalls ist HH:MM von der Zeitzone abhängig). BC-Daten sind zulässig, z. B. -27, -13800000000
Optional : end_date , Datum: dasselbe Format wie start_date verwenden
Optional : category , eine Zeichenfolge, die der Kategorie des Ereignisses entspricht (die Timeline Storyteller als Farbe kodiert)
Optional : facet , eine Zeichenfolge, die einer anderen Kategorie des Ereignisses entspricht (die Timeline Storyteller verwendet, um ein facettiertes Timeline-Layout zu erstellen; category und facet können bei Bedarf identisch sein)
Optional : content_text , eine Zeichenfolgenbeschreibung des Ereignisses (die Timeline Storyteller als Ereignisanmerkungen bereitstellt)

Beispielereignis in JSON:

{ "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" },

Beispielereignis in CSV:

Kopfzeile:

start_date,end_date,content_text,facet,category

Beispiel-Ereigniszeile:

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

Beispiel CSV / Google-Tabelle

Hier ist der Demodatensatz „The Daily Routines of Famous Creative People“, der in der Demo von Timeline Storyteller in einem Google Sheet verwendet wird.

Stellen Sie sicher, dass die Tabelle veröffentlicht ist (öffnen Sie das Google Spreadsheet-Menü „Datei“ und wählen Sie „Im Web veröffentlichen“).
Stellen Sie sicher, dass die Spalten start_date und end_date als Text und nicht als Datum formatiert sind (z. B. '1926-06-29 ).
Erforderlich : Tabellen-URL
Optional : Arbeitsblatttitel (z. B. Registerkartenname) für diesen Datensatz: dailyroutines
Geben Sie die Tabellen-URL und den Arbeitsblatttitel in den Ladedialog von Timeline Storyteller ein.

Verwendung

Beachten Sie, dass detailliertere Nutzungsanweisungen unter timelinestoryteller.com verfügbar sind

Laden Sie Timeline-Daten (Demo-Datensatz, JSON, CSV, Google Spreadsheet) oder eine gespeicherte Timeline-Story (einen JSON-Blob mit der Erweiterung .cdc; siehe Schritt 6).
Wählen Sie im Menü oben auf dem Bildschirm eine Kombination aus Darstellung, Maßstab und Layout aus; nur einige Kombinationen sind gültig; Sehen Sie sich unsere Anleitung zur Auswahl geeigneter Kombinationen für Ihre Geschichte an. Bewegen Sie den Mauszeiger über diese Optionen, um einen Tooltip anzuzeigen, der beschreibt, wie nützlich sie sein könnten.
Bearbeiten Sie die Leinwand

Klicken Sie auf Ereignisse, um sie mit ihrem content_text -Label zu kommentieren. Etikettengröße ändern und neu positionieren; UMSCHALT + Klicken, um Ereignisse hervorzuheben, ohne die Beschriftung anzuzeigen.
Kommentieren Sie mit Bildunterschriften und Bildern. Ändern Sie die Größe und positionieren Sie Bildunterschriften und Bilder neu.
Filtern Sie Ereignisse nach Kategorie, Facette oder Segment. Filtern Sie, indem Sie übereinstimmende Ereignisse hervorheben (nicht übereinstimmende Ereignisse weniger hervorheben).
Sie können auch filtern, indem Sie nicht übereinstimmende Ereignisse ausblenden.

Zeichnen Sie die aktuelle Leinwand als Szene auf, die Beschriftungen, Bildunterschriften und Bilder beibehält. Rufen Sie den Wiedergabemodus auf und navigieren Sie zur vorherigen/nächsten aufgenommenen Szene.
Exportieren Sie die aktuelle Leinwand als PNG, SVG.
Exportieren Sie die Szenen als animiertes GIF oder als JSON-Blob (.cdc-Erweiterung).

Lizenz

Timeline-Geschichtenerzähler

Urheberrecht (c) Microsoft Corporation

MIT-Lizenz

Hiermit wird jeder Person, die eine Kopie dieser Software und der zugehörigen Dokumentationsdateien (die Software) erhält, kostenlos die Erlaubnis erteilt, mit der Software ohne Einschränkung zu handeln, einschließlich und ohne Einschränkung der Rechte zur Nutzung, zum Kopieren, Ändern, Zusammenführen und Veröffentlichen , Kopien der Software zu vertreiben, zu unterlizenzieren und/oder zu verkaufen und Personen, denen die Software zur Verfügung gestellt wird, dies zu gestatten, vorbehaltlich der folgenden Bedingungen:

Der obige Urheberrechtshinweis und dieser Genehmigungshinweis müssen in allen Kopien oder wesentlichen Teilen der Software enthalten sein.

DIE SOFTWARE WIRD OHNE JEGLICHE AUSDRÜCKLICHE ODER STILLSCHWEIGENDE GEWÄHRLEISTUNG ZUR VERFÜGUNG GESTELLT, EINSCHLIESSLICH, ABER NICHT BESCHRÄNKT AUF DIE GEWÄHRLEISTUNG DER MARKTGÄNGIGKEIT, EIGNUNG FÜR EINEN BESTIMMTEN ZWECK UND NICHTVERLETZUNG. IN KEINEM FALL SIND DIE AUTOREN ODER URHEBERRECHTSINHABER HAFTBAR FÜR JEGLICHE ANSPRÜCHE, SCHÄDEN ODER ANDERE HAFTUNG, WEDER AUS EINER VERTRAGLICHEN HANDLUNG, AUS HANDLUNG ODER ANDERWEITIG, DIE SICH AUS, AUS ODER IN ZUSAMMENHANG MIT DER SOFTWARE ODER DER NUTZUNG ODER ANDEREN HANDELN IN DER SOFTWARE ERGEBEN SOFTWARE.

Danksagungen

Zitieren Sie uns

Wenn Sie Timeline Storyteller verwenden, um einen Zeitplan für eine Forschungsarbeit zu erstellen, können Sie uns auf zwei Arten zitieren. Sie können das Tool selbst zitieren:

@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}} }

Oder Sie zitieren unseren aktuellen Zeitschriftenaufsatz zum Thema Timeline-Design:

@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} }

Herkunft des Demo-Datensatzes

Priestleys Biografiediagramm
Große Philosophen seit dem 8. Jahrhundert v. Chr
Die größten Imperien der Geschichte
Ostasiatische Dynastien
Epidemien seit dem 14. Jahrhundert
Premierminister von Kanada
Präsidenten von Frankreich
Kanzler von Deutschland
Präsidenten Italiens
Premierminister Japans
Premierminister des Vereinigten Königreichs
Präsidenten der USA
Hurrikane C4-5: 1960-2010
Die täglichen Abläufe berühmter kreativer Menschen – „Visualisierung des Malerlebens“ von Accurat
„Von der Erstveröffentlichung bis zu Meisterwerken“ von Accurat
Kurzweils „Countdown zur Singularität“
„A Perspective on Time“ von mayra.artes für Wait But Why
„Das Leben eines typischen Amerikaners“ von Tim Urban für Wait But Why