{"id":2560,"date":"2023-01-19T20:20:57","date_gmt":"2023-01-19T19:20:57","guid":{"rendered":"https:\/\/svjmedia.nl\/datablog\/?p=2560"},"modified":"2023-12-20T16:38:41","modified_gmt":"2023-12-20T15:38:41","slug":"how-to-video-timeline-js","status":"publish","type":"post","link":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/","title":{"rendered":"HowTo-video: Timeline JS"},"content":{"rendered":"<div class=\"humamvideo\" style=\"position:relative;overflow:hidden;width:100%;padding-top: 56.25%;margin:20px 0px;\"><iframe style=\"position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;\" src=\"https:\/\/stream.hu.nl\/players\/dsRSZXTW-Kv4Phafj.html\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<p>Tijdlijnen kunnen verhalen\u00a0die zich over een lange periode afspelen overzichtelijker maken.<\/p>\n<p>Met <a href=\"https:\/\/timeline.knightlab.com\">Timeline JS<\/a>\u00a0kunnen journalisten of niet journalisten, interactieve tijdlijnen ontwerpen en publiceren.<\/p>\n<p>In deze video leggen wij uit hoe de tool werkt en geven wij een inkijkje in de mogelijkheden van Timeline JS.<\/p>\n<p>In de video wordt stap voor stap beschreven hoe je een interactieve tijdlijn kunt maken met Timeline JS. Als jij een tijdlijn wilt maken doe dan vooral lekker mee met de stappen in de video en maak binnen no-time op een gemakkelijke manier jou Timeline!<\/p>\n<p>Om met Timeline JS aan de slag te gaan heb je een webbrowser nodig (zoals Google Chrome of Safari) en een Google-account.<\/p>\n\n<p>Het databestand waarvan gebruikt wordt gemaakt (al in het juiste format) in de video is te openen met deze link:\u00a0<a href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1IkHXe3y1soEh4QyfnDXkUdyElXLP01DBUJqYdUzOxvw\/edit#gid=0\">Worldcups<\/a><\/p>\n\n<p id=\"gijs-bol-rick-van-der-meijden-\"><em>Demi Bleckman, Lotus Otten, Gijs Gielen en\u00a0Anne de Werd<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tijdlijnen kunnen verhalen\u00a0die zich over een lange periode afspelen overzichtelijker maken. Met Timeline JS\u00a0kunnen journalisten of niet journalisten, interactieve tijdlijnen ontwerpen en publiceren. In deze video leggen wij uit hoe de tool werkt en geven wij een inkijkje in de mogelijkheden van Timeline JS. In de video wordt stap voor stap beschreven hoe je een [&hellip;]<\/p>\n","protected":false},"author":2153,"featured_media":2561,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[4],"tags":[],"class_list":["post-2560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","et-has-post-format-content","et_post_format-et-post-format-standard"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>HowTo-video: Timeline JS - Datablog<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HowTo-video: Timeline JS - Datablog\" \/>\n<meta property=\"og:description\" content=\"Tijdlijnen kunnen verhalen\u00a0die zich over een lange periode afspelen overzichtelijker maken. Met Timeline JS\u00a0kunnen journalisten of niet journalisten, interactieve tijdlijnen ontwerpen en publiceren. In deze video leggen wij uit hoe de tool werkt en geven wij een inkijkje in de mogelijkheden van Timeline JS. In de video wordt stap voor stap beschreven hoe je een [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Datablog\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-19T19:20:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-20T15:38:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"5027\" \/>\n\t<meta property=\"og:image:height\" content=\"3536\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Demi Bleckman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Demi Bleckman\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/\"},\"author\":{\"name\":\"Demi Bleckman\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/#\\\/schema\\\/person\\\/389a44ea1447217c80c2a5a38246f056\"},\"headline\":\"HowTo-video: Timeline JS\",\"datePublished\":\"2023-01-19T19:20:57+00:00\",\"dateModified\":\"2023-12-20T15:38:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/\"},\"wordCount\":154,\"image\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/wp-content\\\/uploads\\\/sites\\\/862\\\/2022\\\/12\\\/intro-logo_2.png\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/\",\"url\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/\",\"name\":\"HowTo-video: Timeline JS - Datablog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/wp-content\\\/uploads\\\/sites\\\/862\\\/2022\\\/12\\\/intro-logo_2.png\",\"datePublished\":\"2023-01-19T19:20:57+00:00\",\"dateModified\":\"2023-12-20T15:38:41+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/#\\\/schema\\\/person\\\/389a44ea1447217c80c2a5a38246f056\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/wp-content\\\/uploads\\\/sites\\\/862\\\/2022\\\/12\\\/intro-logo_2.png\",\"contentUrl\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/wp-content\\\/uploads\\\/sites\\\/862\\\/2022\\\/12\\\/intro-logo_2.png\",\"width\":5027,\"height\":3536},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/2560\\\/how-to-video-timeline-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HowTo-video: Timeline JS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/#website\",\"url\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/\",\"name\":\"Datablog\",\"description\":\"HU School voor Journalistiek - Datablog van de minor Datavisualisatie &amp; Infographics\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/#\\\/schema\\\/person\\\/389a44ea1447217c80c2a5a38246f056\",\"name\":\"Demi Bleckman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g\",\"caption\":\"Demi Bleckman\"},\"url\":\"https:\\\/\\\/svjmedia.nl\\\/datablog\\\/author\\\/demi-bleckman\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HowTo-video: Timeline JS - Datablog","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"nl_NL","og_type":"article","og_title":"HowTo-video: Timeline JS - Datablog","og_description":"Tijdlijnen kunnen verhalen\u00a0die zich over een lange periode afspelen overzichtelijker maken. Met Timeline JS\u00a0kunnen journalisten of niet journalisten, interactieve tijdlijnen ontwerpen en publiceren. In deze video leggen wij uit hoe de tool werkt en geven wij een inkijkje in de mogelijkheden van Timeline JS. In de video wordt stap voor stap beschreven hoe je een [&hellip;]","og_url":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/","og_site_name":"Datablog","article_published_time":"2023-01-19T19:20:57+00:00","article_modified_time":"2023-12-20T15:38:41+00:00","og_image":[{"width":5027,"height":3536,"url":"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png","type":"image\/png"}],"author":"Demi Bleckman","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Demi Bleckman","Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#article","isPartOf":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/"},"author":{"name":"Demi Bleckman","@id":"https:\/\/svjmedia.nl\/datablog\/#\/schema\/person\/389a44ea1447217c80c2a5a38246f056"},"headline":"HowTo-video: Timeline JS","datePublished":"2023-01-19T19:20:57+00:00","dateModified":"2023-12-20T15:38:41+00:00","mainEntityOfPage":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/"},"wordCount":154,"image":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#primaryimage"},"thumbnailUrl":"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png","articleSection":["Tutorials"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/","url":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/","name":"HowTo-video: Timeline JS - Datablog","isPartOf":{"@id":"https:\/\/svjmedia.nl\/datablog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#primaryimage"},"image":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#primaryimage"},"thumbnailUrl":"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png","datePublished":"2023-01-19T19:20:57+00:00","dateModified":"2023-12-20T15:38:41+00:00","author":{"@id":"https:\/\/svjmedia.nl\/datablog\/#\/schema\/person\/389a44ea1447217c80c2a5a38246f056"},"breadcrumb":{"@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#primaryimage","url":"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png","contentUrl":"https:\/\/svjmedia.nl\/datablog\/wp-content\/uploads\/sites\/862\/2022\/12\/intro-logo_2.png","width":5027,"height":3536},{"@type":"BreadcrumbList","@id":"https:\/\/svjmedia.nl\/datablog\/2560\/how-to-video-timeline-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/svjmedia.nl\/datablog\/"},{"@type":"ListItem","position":2,"name":"HowTo-video: Timeline JS"}]},{"@type":"WebSite","@id":"https:\/\/svjmedia.nl\/datablog\/#website","url":"https:\/\/svjmedia.nl\/datablog\/","name":"Datablog","description":"HU School voor Journalistiek - Datablog van de minor Datavisualisatie &amp; Infographics","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/svjmedia.nl\/datablog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Person","@id":"https:\/\/svjmedia.nl\/datablog\/#\/schema\/person\/389a44ea1447217c80c2a5a38246f056","name":"Demi Bleckman","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/secure.gravatar.com\/avatar\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/97fec706e0934c871dab8920fdc25d8f55bd6d8d6aeb3f7d8060db7ec8280ef5?s=96&d=mm&r=g","caption":"Demi Bleckman"},"url":"https:\/\/svjmedia.nl\/datablog\/author\/demi-bleckman\/"}]}},"_links":{"self":[{"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/posts\/2560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/users\/2153"}],"replies":[{"embeddable":true,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/comments?post=2560"}],"version-history":[{"count":0,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/posts\/2560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/media\/2561"}],"wp:attachment":[{"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/media?parent=2560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/categories?post=2560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svjmedia.nl\/datablog\/wp-json\/wp\/v2\/tags?post=2560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}