sysbird

The shortcode displays posts on vertical timeline, and it will read the next page by Infinite scroll.
<ul>
<li><a href="https://birdsite.jp/archives/" rel="nofollow ugc">Demo</a></li>
<li><a href="https://github.com/sysbird/infinite-timeline" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://sysbird.jp/wptips/infinite-timeline/" rel="nofollow ugc">Description in Japanese</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>The shortcode displays posts on vertical timeline.</li>
<li>Automatically it will read the next page by Infinite scroll.</li>
<li>When clicked the post on timeline, browse to single page.</li>
<li>In addition to the post, use the page or custom post type, and can be set category, tag.</li>
<li>It’s compatible with responsive web design.</li>
<li><a href="https://infinite-scroll.com" rel="nofollow ugc">infinite-scroll.pkgd.js</a> the jQuery plugin is licensed under the MIT license.</li>
<li><a href="https://github.com/aFarkas/lazysizes" rel="nofollow ugc">lazysizes.js</a> the javascript library is licensed under the MIT license.</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Please write shortcode [infinite-timeline] in the content.</li>
<li>You can set option. 
post_type: post or page or custom post type (default: post) 
category_name: category slug (default: none) 
tag: tag name (default: none) 
posts_per_page: number of posts you want to show on one page (default: Reading Settings at dashboard) 
example. [infinite-timeline category_name=”news” posts_per_page=”20″]</li>
</ol>

Infinite Timeline

The shortcode displays posts on vertical timeline by infinite scroll.

Miguel Peixe

zachwise

A simple shortcode plugin to add the Timeline made by <a href="http://verite.co/" rel="nofollow ugc">VéritéCo</a>.
Supports custom width and height, <a href="http://maps.stamen.com/#content" title="Check the website for all the possible styles" rel="nofollow ugc">custom map styles by Stamen</a>, <a href="http://timeline.verite.co/#fileformat" title="Learn how to create your data source" rel="nofollow ugc">Google Spreadsheet and JSON data sources</a> and many more.
Checkout how to create your amazing Timeline at http://timeline.verite.co/
To embed your timeline use the button located at the post content editor (TinyMCE).
You can also embed the Timeline on your post using this shortcode : 
 [timeline src=”Your source url here”]
TIP – If you want to embed outside of a post, use the following code:
 
Supported languages
<ul>
<li>English</li>
<li>Brazilian Portuguese</li>
<li>French</li>
<li>Spanish</li>
<li>German – Deutsch</li>
<li>Italian</li>
<li>Korean</li>
<li>Chinese</li>
<li>Taiwanese</li>
</ul>
<h3>Shortcode options</h3>
<pre><code>[timeline width="800" height="600" maptype="watercolor" src="Your source url here"]
</code></pre>
<ul>
<li>src: Data source url, based on <a href="http://timeline.verite.co/#fileformat" title="Learn how to create your data source" rel="nofollow ugc">Verite Timeline File Formats</a>. [required]</li>
<li>width: Custom width (default is 100%)</li>
<li>height: Custom height (default is 650)</li>
<li>maptype: Custom maptype, based on <a href="http://maps.stamen.com/#content" title="Check his website for all the styles" rel="nofollow ugc">Stamen custom map styles</a> and Google Maps default tiles. Possibilities are:
<ul>
<li>Stamen Maps: <code>toner</code>, <code>toner-lines</code>, <code>toner-labels</code>, <code>sterrain</code> and <code>watercolor</code> (default is <code>toner</code>)</li>
<li>Google Maps: <code>ROADMAP</code>, <code>TERRAIN</code>, <code>HYBRID</code>, <code>SATELLITE</code></li>
</ul>
</li>
</ul>

VéritéCo Timeline

Use the incredible HTML5 Timeline developed by VéritéCo on your website. As easy as writing a shortcode.

Infinite Timeline vs VéritéCo Timeline