Simple to use JSViz Visualisations (Gauge/Donut, Network, Radar/Spider, Sankey, Sunburst, Animation, Word Cloud, Bullet lists, Images)

Last updated:
8:26am Mar 05, 2021

Introduction

IQVIA have released a number of custom visualisations built on top of JSViz into the public domain. The main project site on Github can be found here, please feel free to contribute issues/ideas or even code.

The philosophy behind these visualisations is to make them simple to use and configure - a user shouldn't need to understand JavaScript, HTML, JSON or CSS in order to make use of the charts. Examples showing how to use each of the visualisations can be downloaded from this page.

Where possible, the visualisations support standard Spotfire functionality such as marking data, showing tooltips, legends and labels. Configuration is handled through a user interface within the visualisations (it is not currently possible to use the standard Spotfire properties page to edit configuration for a JavaScript visualisation).

Requirements

The only requirement is that you have JSViz version 3.5.2 installed. See: https://community.tibco.com/wiki/javascript-visualization-framework-jsviz-and-tibco-spotfire

The code for the visualisations themselves is served from the Internet - there is no need to install anything additional in your environment once you have JSViz working.

A note on versioning

The buttons provided in the examples will copy a link that uses a 'Content Delivery Network (CDN)' to publish the JavaScript code for the visualisation. The link is specified such that it will request new versions of the scripts as and when they are published, as long as those scripts retain the same 'major' version number. This means that you will automatically pick up bug fixes and new features that do not deliberately break existing functionality. If you want to be 100% certain that nothing will change in future you should choose to embed the script in your analysis file (click on the embed button in the visualisation properties).

Feedback and questions

This visualisation is part of a suite of custom visualisations that are have been placed into the public domain by IQVIA. The project home page can be found on GitHub here. Feedback is welcome using the GitHub issues feature, although please be mindful that we have full time jobs supporting our internal Spotfire community :).

Animating data

The data animation custom visualisation can help you animate charts on a page by changing data markings automatically. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Animating data

Bullet lists (PowerPoint style)

The Bulleted Lists visualisation allows you to create lists that look like PowerPoint slides containing text. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Gauges and Donuts

Gauges and Donuts allow visualisation of a single value using a gauge style presentation. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Image viewer

The image viewer shows images from URLs in a simple fashion. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Network charts

Force-directed graph visualisations (network charts) are useful for visualising relationships between entities (the example below shows relationships between genes and diseases). This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Radar (spider) charts

Radar charts (sometimes called Spider Plots) show attributes of items in a radial fashion. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Sankey charts

A Sankey chart is a type of flow diagram, in which the width of the arrows is shown proportionally to the flow quantity. It is useful to show directional relationships between entities (i.e. where a value 'v' moves from 'a' to 'b'). Common examples include the representation of conversion of energy from one form to another, the loss of some item during a multi-step process, the flow of money between entities or the flow of users through a web site. It can also be used to show the linkage between two types of entity (by using one entity for 'from' and the other for 'to') - e.g. the commonality between review scoring by two different reviewers. This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Sunburst Chart

A Sunburst chart shows hierarchical data in a multi-level Pie chart. The chart can be configured to show all levels of the hierarchy, or to allow a user to zoom up and down the hierarchy.

This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Word cloud

Word clouds are often used to show how often specific words or phrases appear in a dataset. They can also be used for simple presentation reasons (e.g. to show a list of recent achievements). This link opens a live 'demo' using our test harness (i.e. without Spotfire).

Writing ‘simple’ JavaScript using the library

It is also easy to write one-off custom visuals using the framework on top of JSViz. The ‘JSVizHelper’ can be loaded as a script into the JSViz visualisation, providing a simpler API than JSViz itself, along with automatic inclusion of JQuery and JQuery UI.

Feedback (1)

Hi Pete,

Is there any way to format the max value if we are configured as data column value.

Edited: I got the answer   set  "humanFriendly": "True" in configuartion block

One more quick question , how to change the pointer colour, I tried using   "pointerOptions.color": "#5CFF33" but it is not working

Sanandh 10:43am May. 01, 2021