[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"doc-seo-247233-105":3,"detail-sidebar-cat-1-en-105":81,"doc-detail-247233-en":127},{"code":4,"msg":5,"data":6},0,"ok",{"site_id":7,"language":8,"slug":9,"title":10,"keywords":11,"description":12,"schema_data":13,"social_meta":74,"head_meta":76,"extra_data":78,"updated_unix":80},105,"en","storytelling-digital-timelines-with-timelinejs","Storytelling & digital timelines with TimelineJS","","This presentation explores the use of digital timelines, specifically with TimelineJS, as a tool for storytelling and educational applications. It begins with an overview of the topic, followed by a discussion on the advantages of digital timelines over traditional print versions. The content highlights how digital tools incorporate interactive features like images, texts, videos, and maps to enrich the presentation of historical events or chronological data. The presentation includes practical examples of TimelineJS and discusses its classroom applications and learning outcomes. It also addresses the technical requirements for creating functional timelines and provides hands-on experience and challenges for participants. Finally, it touches upon gathering feedback from students on their experience with digital timelines.",{"@graph":14,"@context":73},[15,34,56],{"@type":16,"itemListElement":17},"BreadcrumbList",[18,23,27,31],{"item":19,"name":20,"@type":21,"position":22},"https://docshare.wps.com","Home","ListItem",1,{"item":24,"name":25,"@type":21,"position":26},"https://docshare.wps.com/template/","Template",2,{"item":28,"name":29,"@type":21,"position":30},"https://docshare.wps.com/template/presentations/","Presentations",3,{"item":32,"name":10,"@type":21,"position":33},"https://docshare.wps.com/template/storytelling-digital-timelines-with-timelinejs/247233/",4,{"url":32,"name":10,"@type":35,"image":36,"author":41,"headline":10,"publisher":44,"fileFormat":47,"inLanguage":8,"description":12,"dateModified":48,"datePublished":49,"encodingFormat":47,"isAccessibleForFree":50,"interactionStatistic":51},"DigitalDocument",{"url":37,"@type":38,"width":39,"height":40},"https://docshare.wps.com/thumbnails/storytelling-digital-timelines-with-timelinejs/247233.png","ImageObject",442,249,{"name":42,"@type":43},"Kyle","Person",{"url":19,"name":45,"@type":46},"DocShare","Organization","application/pdf","2026-10-25","2026-09-12",true,{"@type":52,"interactionType":53,"userInteractionCount":55},"InteractionCounter",{"@type":54},"ViewAction",10,{"@type":57,"mainEntity":58},"FAQPage",[59,65,69],{"name":60,"@type":61,"acceptedAnswer":62},"What is the primary purpose of TimelineJS mentioned in the presentation?","Question",{"text":63,"@type":64},"TimelineJS is presented as a tool for storytelling and educational applications, allowing for the creation of interactive digital timelines.","Answer",{"name":66,"@type":61,"acceptedAnswer":67},"What are the advantages of digital timelines over standard print timelines?",{"text":68,"@type":64},"Digital timelines leverage interactive features of technology to include events with images, texts, embedded videos, and maps, offering a richer and more engaging experience than static print versions.",{"name":70,"@type":61,"acceptedAnswer":71},"What are some of the key components covered in the presentation's overview?",{"text":72,"@type":64},"The overview includes introductions, the rationale for digital timelines, TimelineJS samples, classroom applications, necessary technical prerequisites, hands-on exercises, challenges, and feedback from students.","https://schema.org",{"og:url":32,"og:type":75,"og:title":10,"og:site_name":45,"og:description":12},"article",{"robots":77,"canonical":32},"index,follow",{"doc_id":79,"site_id":7},247233,1789240871,{"code":4,"msg":82,"data":83},"success",[84,88,93,98,103,108,113,118,123],{"id":85,"doc_module":22,"doc_module_name":25,"category_name":29,"show_sort_weight":86,"slug":87},11,90,"presentations",{"id":89,"doc_module":22,"doc_module_name":25,"category_name":90,"show_sort_weight":91,"slug":92},12,"Resumes",80,"resumes",{"id":94,"doc_module":22,"doc_module_name":25,"category_name":95,"show_sort_weight":96,"slug":97},14,"Invoices",70,"invoices",{"id":99,"doc_module":22,"doc_module_name":25,"category_name":100,"show_sort_weight":101,"slug":102},15,"Posters",60,"posters",{"id":104,"doc_module":22,"doc_module_name":25,"category_name":105,"show_sort_weight":106,"slug":107},16,"Social Media",50,"social-media",{"id":109,"doc_module":22,"doc_module_name":25,"category_name":110,"show_sort_weight":111,"slug":112},17,"Forms",40,"forms",{"id":114,"doc_module":22,"doc_module_name":25,"category_name":115,"show_sort_weight":116,"slug":117},18,"Letters",30,"letters",{"id":119,"doc_module":22,"doc_module_name":25,"category_name":120,"show_sort_weight":121,"slug":122},21,"Paper Templates",5,"papers-templates",{"id":124,"doc_module":22,"doc_module_name":25,"category_name":125,"show_sort_weight":4,"slug":126},158,"General","general-158",{"code":4,"msg":82,"data":128},{"doc_id":79,"user_id":129,"nickname":42,"user_avatar":130,"doc_module":22,"category_id":85,"category_name":29,"doc_title":10,"doc_description":12,"doc_content":11,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":55,"is_deleted":4,"is_public":22,"is_downloadable":22,"audit_status":22,"page_count":135,"language":136,"language_code":8,"site_id":7,"html_lang":8,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":12,"update_tm":80,"read_time":140},3985741905716,"https://ap-avatar.wpscdn.com/davatar_994ba38a5ba835b3df7d355c54d3ed8d","cbCaivSNiqlRkG0U","https://ap.wps.com/l/cbCaivSNiqlRkG0U","pdf",11624856,37,"English","# Overview\n# Why Digital Timelines?\n# TimelineJS Samples\n# Classroom Applications & LOs\n# What is Needed to Make it Work?\n# Hands on\n# Challenges\n# Feedback from students","[{\"question\":\"What is the primary purpose of TimelineJS mentioned in the presentation?\",\"answer\":\"TimelineJS is presented as a tool for storytelling and educational applications, allowing for the creation of interactive digital timelines.\"},{\"question\":\"What are the advantages of digital timelines over standard print timelines?\",\"answer\":\"Digital timelines leverage interactive features of technology to include events with images, texts, embedded videos, and maps, offering a richer and more engaging experience than static print versions.\"},{\"question\":\"What are some of the key components covered in the presentation's overview?\",\"answer\":\"The overview includes introductions, the rationale for digital timelines, TimelineJS samples, classroom applications, necessary technical prerequisites, hands-on exercises, challenges, and feedback from students.\"}]","Storytelling & digital timelines with TimelineJS | PDF",13]