Timeline TimelineJS can pull in media from a variety of sources and has built-in support for Twitter, Instagram, Flickr, Google Maps, DropBox, DocumentCloud, Wikipedia, SoundCloud, Storify, iframes, major video sites (YouTube, Vimeo, etc ) and more
Frequently Asked Questions - Timeline JS TimelineJS's text fields (headline, text, caption, and credit) all accept HTML markup A full tutorial on HTML is outside the scope of this FAQ, but here are a few basics: Wrap paragraphs in <p>< p> tags to create line breaks
Integrate Timeline using Javascript Configuring TimelineJS options TL Timeline offers an optional third parameter which you may use to pass in additional TimelineJS options See our list of available options and configure like the example below
Media Types - Timeline JS TimelineJS supports roadmap, hybrid, satellite and terrain Google Maps, as well as directions, places, and Streetview maps Instagram Use the URL for the Instagram photo's page
TimelineJS options TimelineJS options When you create a timeline manually by calling TL Timeline , you may pass in an optional third parameter which contains a variety of presentation options This third parameter should be a Javascript object with keys matching the value in the Name column and corresponding values appropriate to the specific key
TimelineJS JSON data format TimelineJS JSON data format Every timeline needs data about the events it is to show Most people are happy to just use a Google spreadsheet to configure their Timeline, but if you want to write code to dynamically create or update your timeline, you'll need to understand how to format the data
Licensing and use of TimelineJS host the TimelineJS source code on your own server The Northwestern University Knight Lab is a team of technologists and journalists working at advancing news media innovation through exploration and experimentation
Timeline You can create a Timeline CSS file by editing a copy of the main CSS file, or by checking out TimelineJS from GitHub and using npm to set up the development environment, and then editing the LESS files TimelineJS uses