Vizlib Story Timeline for Qlik Sense

Tell a story in Qlik Sense with your data. Create visual, media rich, timelines in Qlik Sense with only a few clicks.

It presents milestones on a timeline giving the user the ability to flick through the story of your dashboard, all with the power of the associative Qlik Sense in-memory engine.

Example Use Cases:

  • Project management - view the stages of the project
  • Customer relationship management - show interactions between sales reps and customers
  • Historic story boards - bring history alive
  • Political timelines - monitor elections
  • Monitoring social media events on a timeline
  • There are hundreds of uses! It is down to your imagination.
Vizlib Story Timeline
Vizlib Story Timeline Nelson Mandela

Download Vizlib Story Timeline

Up to 5 users free.

Terms & Conditions

Documentation

Install

Qlik Sense Server

  1. Download the .zip file from the link provided your eMail.
  2. Visit the QMC on of your Qlik Sense Server.
  3. Import the .zip file in your extension tab.
  4. Open Qlik Sense and add the 'Vizlib Story Timeline' extension to a sheet.

Qlik Sense Desktop

  1. Download the .zip file from the link provided your eMail.
  2. Extract the .zip file to your default extension folder (documents/qlik/sense/extensions) in Qlik Sense.
  3. Open Qlik Sense and add the 'Vizlib Story Timeline' extension to a sheet.

Settings

Open the app you want a timeline in and drag drop the ‘Vizlib Timeline’ extension.

Timeline Landing Page

These options let you customise the landing page. The landing page is the first view of the extension when the page is loaded or a selection is made.

Landing Headline (Optional) This is the heading title name on the extension
Landing Text Description (Optional) This appear under the landing headline or to the right of the media if media is present.
Media URL (Optional) This is a video or image this can be a youtube link address, dropbox pdf or an image such as png, jpg etc
Media Caption (Optional) This is the caption that shows under the media item (only appears when media item is specified)
Media Credits (Optional) This is credit that shows to the bottom left of the media item (only appears when media item is specified)`

Dimensions

An Event Name Required The field that contains the unique name of each event
Event Start Date Required This can be any Qlik field as long as it is tagged as a $timestamp
Event End Date (Optional) This can be any Qlik field as long as it is tagged as a $timestamp

Measures

You can use these optional measures to make each story have a custom look and feel. You can usually just put the field in without any calculation or by using the only() function.

Simply go to the measure panel, add a measure and select the Timeline Setting Type.

All measure settings are OPTIONAL

The various setting types are described below:

Text Description - This is the text description that will show up under the Event Name in the timeline.
Event Media url - This is the URL to the media types as described below
Event Media caption
Event Media credit
Event thumbnail
Event group
Event background - This can be either a hex color value, e.g. #333333 or a URL to an image.

Supported Media Types

You can use URLs to all of the media types listed below inside the Event Media url.

  1. Images
    If your URL ends in jpg, gif, png or jpeg, it will be used as the source for an image tag. It should also work if there is a query string after the extension, perhaps specifying dynamic width and height values.

  2. Online Videos
    Use the URL for the page of the video for Vimeo, DailyMotion, Vine, and YouTube. Timeline honors Youtube start-at time parameters.

  3. SoundCloud
    Use the URL for the SoundCloud clip page.

  4. Twitter
    Use the the Twitter embed code, or the URL of the tweet's page.

  5. Google Maps
    Use the URL for the Google Maps page (unless you are using Streetview, which currently requires the embed URL found in the "Share" section). Coordinates, search results, place marks and directions are all honored by Timeline. Supports roadmap, hybrid, satellite and terrain Google Maps, as well as directions, places, and Streetview maps.

  6. Google Plus
    Use the URL for the Google Plus photo, found by right-clicking (or control-clicking) the image and selecting "Copy Image URL".

  7. Instagram
    Use the URL for the Instagram photo's page.
    Flickr
    Use the URL for the Flickr photo's page. The shortened link provided in the share menu (e.g. https://flic.kr/p/sv3VN6) will also work.

  8. Imgur
    Use the URL for the Imgur photo's page.

  9. DocumentCloud
    Use the URL of the Document Cloud document's page.

  10. Wikipedia
    Use the URL of the Wikipedia article's page.

  11. Storify
    Use the URL of the Storify.

  12. iframe
    Instead of a URL, you can use <iframe> markup. This is a good general workaround to embedding media types that are not supported directly.

  13. Blockquote
    Instead of a URL, you can use <blockquote> tags around whatever text you want to quote.

  14. Embedly
    If it doesn't recognize your media URL, it will try to use Embed.ly to get the best thing to include on your slide.
    v1.5.1 18/10/2017

What's new

v1.1.1 18/10/2017:

  • Fix introduced for WebSocket communication error when extension is embedded in mashups sitting outside of Qlik Sense hostname.

Contact us:

support@vizlib.com

2016-2017 © Vizlib Ltd. - All rights reserved.