تحميل timelinestoryteller - تنزيل كود مصدر timelinestoryteller

timelinestoryteller

شفرة المصدر الأخرى

1.0.0

تنزيل

راوي الجدول الزمني

Timeline Storyteller عبارة عن بيئة سرد قصص مرئية معبرة لعرض الجداول الزمنية في المتصفح أو في Microsoft Power BI.

استخدمه لتقديم جوانب مختلفة من بيانات المخطط الزمني باستخدام لوحة من تمثيلات المخطط الزمني والمقاييس والتخطيطات، بالإضافة إلى عناصر التحكم للتصفية والتمييز والتعليق التوضيحي. لمعرفة المزيد حول البحث الذي أبلغ هذا المشروع، راجع timelinesrevisited.github.io ، والذي يتضمن مسحًا لأدوات الجدول الزمني وأكثر من 200 جدول زمني مخصص.

شاهد هذه الأمثلة على المخططات الزمنية وقصص المخطط الزمني التي تم إنشاؤها باستخدام Timeline Storyteller.

فريق المشروع

ماثيو بريمر
بونجسين لي
ناتالي هنري ريتشي
دارين إيدج
كريستوفر وايت
كيت ليتفينيتس
ديفيد تيتسورث

الإعداد / الاختبار

استنساخ الفرع الرئيسي لهذا المستودع: git clone https://github.com/Microsoft/timelinestoryteller.git
تأكد من تثبيت العقدة Nodejs وnpm والغزل.
افتح محطة طرفية في جذر المستودع وقم بتثبيت وحدات العقدة: yarn أو npm_install .
إنشاء public/app/timelinestoryteller.js: npm test
ابدأ تشغيل خادم العقدة: npm start
افتح المضيف المحلي: 8000

يمكن العثور على الكود المصدري للتطبيق في دليل src/.

مرئيات Timeline Storyteller Power BI المخصصة

يحتوي هذا المستودع على مصدر Timeline Storyteller كتطبيق ويب مستقل. لإنشاء مرئيات Timeline Storyteller المخصصة لـ Power BI، راجع github.com/Microsoft/PowerBI-visuals-TimelineStoryteller.

تحضير بياناتك

يدعم Timeline Storyteller حاليًا مجموعات بيانات الأحداث بتنسيق CSV أو JSON أو Google Spreadsheet.

ويتم تحديد كل حدث بالسمات التالية:

مطلوب : start_date ، التاريخ: YYYY، YYYY-MM-DD، أو YYYY-MM-DD HH:MMZ (ISO 8601) يتم دعم التنسيقات (Z ضروري لتحديد UTC، وإلا فستعتمد HH:MM على المنطقة الزمنية). يُسمح بتواريخ BC، على سبيل المثال، -27، -13800000000
اختياري : end_date ، التاريخ: باستخدام نفس تنسيق start_date
اختياري : category ، سلسلة تتوافق مع فئة الحدث (التي يقوم Timeline Storyteller بتشفيرها على هيئة لون)
اختياري : facet ، سلسلة تتوافق مع فئة أخرى من الحدث (والتي يستخدمها Timeline Storyteller لإنشاء مخطط زمني متعدد الأوجه؛ يمكن أن تكون category facet متطابقتين إذا رغبت في ذلك)
اختياري : content_text ، وصف سلسلة للحدث (الذي يعرضه Timeline Storyteller كتعليقات توضيحية للحدث)

حدث مثال في 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" },

مثال للحدث في ملف CSV:

صف الرأس:

start_date,end_date,content_text,facet,category

مثال لصف الحدث:

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

مثال لملف CSV/جدول بيانات Google

إليك مجموعة البيانات التجريبية The Daily Routines of Famous Creative People المستخدمة في العرض التوضيحي لـ Timeline Storyteller في ورقة Google.

تأكد من نشر جدول البيانات (افتح قائمة "ملف" لجداول بيانات Google، وحدد "نشر على الويب").
تأكد من تنسيق عمودي start_date و end_date كنص وليس كتواريخ (على سبيل المثال، '1926-06-29 ).
مطلوب : عنوان URL لجدول البيانات
اختياري : عنوان ورقة العمل (أي اسم علامة التبويب) لمجموعة البيانات هذه: dailyroutines
أدخل عنوان URL لجدول البيانات وعنوان ورقة العمل في مربع حوار تحميل Timeline Storyteller.

الاستخدام

لاحظ أن تعليمات الاستخدام الأكثر تفصيلاً متوفرة على timelinestoryteller.com

تحميل بيانات المخطط الزمني (مجموعة البيانات التجريبية، JSON، CSV، جدول بيانات Google) أو قصة المخطط الزمني المحفوظة (JSON Blob مع الامتداد .cdc؛ راجع الخطوة 6)
حدد مجموعة من التمثيل والحجم والتخطيط من القائمة الموجودة أعلى الشاشة؛ فقط بعض المجموعات صالحة؛ راجع إرشاداتنا حول اختيار المجموعات المناسبة لقصتك. مرر الماوس فوق هذه الخيارات لعرض تلميح أداة يصف مدى فائدتها.
قم بتحرير اللوحة القماشية

انقر على الأحداث لإضافة تعليق توضيحي إليها باستخدام علامة content_text الخاصة بها؛ تغيير حجم وتغيير موضع التسميات؛ SHIFT + انقر لتمييز الأحداث دون إظهار التسمية.
إضافة تعليق توضيحي وصور؛ تغيير حجم وتغيير موضع التسميات التوضيحية والصور.
تصفية الأحداث حسب الفئة أو الوجه أو المقطع. قم بالتصفية من خلال تمييز الأحداث المتطابقة التي تم التأكيد عليها (إلغاء التركيز على الأحداث غير المتطابقة).
يمكنك أيضًا التصفية عن طريق إخفاء الأحداث غير المتطابقة.

قم بتسجيل اللوحة القماشية الحالية كمشهد، والتي تحتفظ بالتسميات والتعليقات والصور. أدخل وضع التشغيل، وانتقل إلى المشهد المسجل السابق / التالي.
تصدير اللوحة القماشية الحالية بتنسيق PNG وSVG.
قم بتصدير المشاهد كملف GIF متحرك أو كملف JSON Blob (امتداد .cdc).

رخصة

راوي الجدول الزمني

حقوق الطبع والنشر (ج) شركة مايكروسوفت

رخصة معهد ماساتشوستس للتكنولوجيا

يُمنح الإذن مجانًا لأي شخص يحصل على نسخة من هذا البرنامج وملفات الوثائق المرتبطة به (البرنامج)، للتعامل في البرنامج دون قيود، بما في ذلك، على سبيل المثال لا الحصر، حقوق الاستخدام والنسخ والتعديل والدمج والنشر. وتوزيع وترخيصها من الباطن و/أو بيع نسخ من البرنامج، والسماح للأشخاص الذين تم توفير البرنامج لهم بالقيام بذلك، وفقًا للشروط التالية:

يجب تضمين إشعار حقوق الطبع والنشر أعلاه وإشعار الإذن هذا في جميع النسخ أو الأجزاء الكبيرة من البرنامج.

يتم توفير البرنامج كما هو ، دون أي ضمان من أي نوع، صريحًا أو ضمنيًا، بما في ذلك، على سبيل المثال لا الحصر، ضمانات القابلية للتسويق والملاءمة لغرض معين وعدم الانتهاك. لا يتحمل المؤلفون أو أصحاب حقوق الطبع والنشر بأي حال من الأحوال المسؤولية عن أي مطالبة أو أضرار أو مسؤولية أخرى، سواء في إجراء العقد أو الضرر أو غير ذلك، الناشئة عن أو خارج أو فيما يتعلق بالبرنامج أو الاستخدام أو المعاملات الأخرى في برمجة.

شكر وتقدير

نقلا عنا

إذا كنت تستخدم Timeline Storyteller لإنشاء جدول زمني لورقة بحثية، فيمكنك الاستشهاد بنا بطريقتين. يمكنك الاستشهاد بالأداة نفسها:

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

أو يمكنك الاستشهاد بورقتنا البحثية الحديثة حول مساحة تصميم المخطط الزمني:

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