timelinestoryteller

ไทม์ไลน์ นักเล่าเรื่อง

Timeline Storyteller คือสภาพแวดล้อมการเล่าเรื่องด้วยภาพที่สื่ออารมณ์สำหรับการนำเสนอไทม์ไลน์ในเบราว์เซอร์หรือใน Microsoft Power BI

ใช้เพื่อนำเสนอข้อมูลไทม์ไลน์ในแง่มุมต่างๆ โดยใช้ชุดการแสดงไทม์ไลน์ สเกล และเลย์เอาต์ รวมถึงการควบคุมสำหรับการกรอง การไฮไลต์ และคำอธิบายประกอบ หากต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการวิจัยที่ให้ข้อมูลเกี่ยวกับโปรเจ็กต์นี้ โปรดดูที่ timelinesrevisited.github.io ซึ่งรวมถึงการสำรวจเครื่องมือไทม์ไลน์และไทม์ไลน์ที่ออกแบบตามความต้องการมากกว่า 200 รายการ

ดูตัวอย่างไทม์ไลน์และเรื่องราวในไทม์ไลน์ที่สร้างด้วย Timeline Storyteller

ทีมงานโครงการ

• แมทธิว เบรห์เมอร์

• บงซิน ลี

• นาตาลี เฮนรี ริช

• ดาร์เรน เอดจ์

• คริสโตเฟอร์ ไวท์

• เคท ลิทวีเน็ตส์

• เดวิด ทิตส์เวิร์ธ

การตั้งค่า / การทดสอบ

1. โคลนสาขาหลักของที่เก็บนี้: git clone https://github.com/Microsoft/timelinestoryteller.git

2. ตรวจสอบให้แน่ใจว่าได้ติดตั้ง nodejs, npm และ thread แล้ว

3. เปิดเทอร์มินัลที่รูทของที่เก็บและติดตั้งโมดูลโหนด: yarn OR npm_install

4. สร้าง public/app/timelinestoryteller.js: npm test

5. เริ่มต้นเซิร์ฟเวอร์โหนด: npm start

6. เปิดโลคัลโฮสต์:8000

ซอร์สโค้ดของแอปพลิเคชันสามารถพบได้ในไดเร็กทอรี src/

วิชวลแบบกำหนดเองของ Power BI ของ Timeline Storyteller

พื้นที่เก็บข้อมูลนี้มีแหล่งที่มาสำหรับ 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 ใช้เพื่อสร้างเค้าโครงไทม์ไลน์แบบ facet 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 Spreadsheet

นี่คือชุดข้อมูลสาธิตกิจวัตรประจำวันของคนที่มีความคิดสร้างสรรค์ที่มีชื่อเสียง ซึ่งใช้ในการสาธิตของ Timeline Storyteller ใน Google ชีต

• ตรวจสอบให้แน่ใจว่ามีการเผยแพร่สเปรดชีตแล้ว (เปิดเมนู 'ไฟล์' ของ Google Spreadsheet เลือก 'เผยแพร่ทางเว็บ')

• ตรวจสอบให้แน่ใจว่าคอลัมน์ start_date และ end_date มีการจัดรูปแบบเป็นข้อความ ไม่ใช่วันที่ (เช่น '1926-06-29 )

• จำเป็น : URL สเปรดชีต

• ทางเลือก : ชื่อเวิร์กชีท (เช่น ชื่อแท็บ) สำหรับชุดข้อมูลนี้: dailyroutines

• ป้อน URL สเปรดชีตและชื่อเวิร์กชีตลงในกล่องโต้ตอบการโหลดของ Timeline Storyteller

การใช้งาน

โปรดทราบว่าคำแนะนำการใช้งานโดยละเอียดมีอยู่ที่ timelinestoryteller.com

1. โหลดข้อมูลไทม์ไลน์ (ชุดข้อมูลสาธิต, JSON, CSV, Google Spreadsheet) หรือเรื่องราวไทม์ไลน์ที่บันทึกไว้ (JSON Blob ที่มีนามสกุล .cdc ดูขั้นตอนที่ 6)

2. เลือกการผสมผสานระหว่างการแสดง ขนาด และเค้าโครงจากเมนูที่ด้านบนของหน้าจอ ชุดค่าผสมบางชุดเท่านั้นที่ถูกต้อง ดูคำแนะนำในการเลือกชุดค่าผสมที่เหมาะสมสำหรับเรื่องราวของคุณ วางเมาส์เหนือตัวเลือกเหล่านี้เพื่อดูคำแนะนำเครื่องมือที่อธิบายว่าตัวเลือกเหล่านั้นอาจมีประโยชน์ได้อย่างไร

3. แก้ไขแคนวาส

• คลิกที่เหตุการณ์เพื่อใส่คำอธิบายประกอบด้วยป้ายกำกับ content_text ปรับขนาดและเปลี่ยนตำแหน่งฉลาก SHIFT + คลิกเพื่อไฮไลต์เหตุการณ์โดยไม่แสดงป้ายกำกับ

• คำอธิบายประกอบพร้อมคำบรรยายและรูปภาพ ปรับขนาดและเปลี่ยนตำแหน่งคำบรรยายและรูปภาพ

• กรองเหตุการณ์ตามหมวดหมู่ แง่มุม หรือกลุ่ม กรองโดยการเน้นที่เน้นเหตุการณ์ที่ตรงกัน (ยกเลิกการเน้นเหตุการณ์ที่ไม่ตรงกัน)

• คุณยังสามารถกรองโดยการซ่อนเหตุการณ์ที่ไม่ตรงกันได้

4. บันทึกผืนผ้าใบปัจจุบันเป็นฉาก ซึ่งยังคงป้ายกำกับ คำบรรยาย และรูปภาพไว้ เข้าสู่โหมดการเล่น นำทางไปยังฉากที่บันทึกไว้ก่อนหน้า / ถัดไป

5. ส่งออกแคนวาสปัจจุบันเป็น PNG, SVG

6. ส่งออกฉากเป็น GIF แบบเคลื่อนไหวหรือเป็น JSON Blob (นามสกุล .cdc)

ใบอนุญาต

ไทม์ไลน์ นักเล่าเรื่อง

ลิขสิทธิ์ (c) Microsoft Corporation

สงวนลิขสิทธิ์.

ใบอนุญาตเอ็มไอที

อนุญาตให้บุคคลใดก็ตามที่ได้รับสำเนาของซอฟต์แวร์นี้และไฟล์เอกสารที่เกี่ยวข้อง (ซอฟต์แวร์) ได้รับอนุญาตโดยไม่เสียค่าใช้จ่าย เพื่อจัดการกับซอฟต์แวร์โดยไม่มีข้อจำกัด รวมถึงแต่ไม่จำกัดเพียงสิทธิ์ในการใช้ คัดลอก ปรับเปลี่ยน ผสาน เผยแพร่ แจกจ่าย ให้อนุญาตช่วง และ/หรือขายสำเนาของซอฟต์แวร์ และอนุญาตให้บุคคลที่ได้รับซอฟต์แวร์นี้สามารถทำได้ภายใต้เงื่อนไขต่อไปนี้:

ประกาศเกี่ยวกับลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะรวมอยู่ในสำเนาทั้งหมดหรือส่วนสำคัญของซอฟต์แวร์

ซอฟต์แวร์นี้มีให้ ตามที่เป็นอยู่ โดยไม่มีการรับประกันใดๆ ทั้งโดยชัดแจ้งหรือโดยนัย ซึ่งรวมถึงแต่ไม่จำกัดเพียงการรับประกันความสามารถในการค้าขาย ความเหมาะสมสำหรับวัตถุประสงค์เฉพาะ และการไม่ละเมิด ไม่ว่าในกรณีใดผู้เขียนหรือผู้ถือลิขสิทธิ์จะต้องรับผิดต่อการเรียกร้องค่าเสียหายหรือความรับผิดอื่นใดไม่ว่าในการกระทำของสัญญาการละเมิดหรืออย่างอื่นที่เกิดขึ้นจากหรือเกี่ยวข้องกับซอฟต์แวร์หรือการใช้งานหรือข้อตกลงอื่น ๆ ใน ซอฟต์แวร์.

รับทราบ

อ้างถึงเรา

หากคุณใช้ 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} }

ที่มาของชุดข้อมูลสาธิต

• แผนภูมิชีวประวัติของ Priestley

• นักปรัชญาผู้ยิ่งใหญ่ตั้งแต่ศตวรรษที่ 8 ก่อนคริสต์ศักราช

• อาณาจักรที่ใหญ่ที่สุดในประวัติศาสตร์

• ราชวงศ์เอเชียตะวันออก

• โรคระบาดตั้งแต่ศตวรรษที่ 14

• นายกรัฐมนตรีของแคนาดา

• ประธานาธิบดีแห่งฝรั่งเศส

• นายกรัฐมนตรีของเยอรมนี

• ประธานาธิบดีแห่งอิตาลี

• นายกรัฐมนตรีของญี่ปุ่น

• นายกรัฐมนตรีแห่งสหราชอาณาจักร

• ประธานาธิบดีแห่งสหรัฐอเมริกา

• C4-5 เฮอริเคน: 1960-2010

• กิจวัตรประจำวันของผู้สร้างสรรค์ที่มีชื่อเสียง - 'การแสดงภาพชีวิตของจิตรกร' โดย Accurat

• 'ตั้งแต่ตีพิมพ์ครั้งแรกจนถึงผลงานชิ้นเอก' โดย Accurat

• 'นับถอยหลังสู่เอกพจน์' ของ Kurzweil

• 'มุมมองต่อเวลา' โดย mayra.artes สำหรับ Wait But Why

• 'ชีวิตของชาวอเมริกันทั่วไป' โดย Tim Urban เพื่อรอ แต่ทำไม

ไอคอนโครงการนามที่ใช้ในอินเทอร์เฟซผู้ใช้

ไอคอนทั้งหมด CC BY 3.0 ตามชื่อและผู้แต่ง:

• เครื่องหมายถูก (อาเธอร์ ชเลน)

• ปฏิทิน (คิริล โทมิลอฟ)

• ไทม์ไลน์ (อเล็กซานเดอร์ บิคอฟ)

• ไฟล์ gif (Pranav Grover)

• ไฟล์ png (Pranav Grover)

• svg-file (ปรานาฟ โกรเวอร์)

• ไฟล์ json (Pranav Grover)

• ไฟล์ csv (Pranav Grover)

• ขับรถ (Denis Klyuchnikov)

• ตาราง (โดโจ)

• โฟลเดอร์ (iconoci)

• ตัวกรอง (ครีเอทีฟเชลล์)

• รูปภาพ (ครีเอทีฟเชลล์)

• เครื่องหมายคำพูด (Veronika Krpciarova)

• พิน (อเล็กซานเดอร์ เชอร์คินสกี)

• ยางลบ (เทอร์เรนซ์ เควิน โอเลียรี)

• มองไม่เห็น (เด็ก A)

• หนังสือ (เสตโย อารี วิโบโว)