Jump to content
  • Simple to use JSViz Visualisations


    This article describes simple to use JSViz Visualisations in Spotfire such as Gauge/Donut, Network, Radar/Spider, Sankey, Sunburst, Animation, Word Cloud, Bullet lists, Images

    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.spotfire.com/articles/spotfire/javascript-visualization-framework-jsviz-and-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).

    animated-data.gif.8ea94a161b8d3a4f51a449bfee2b07dd.gif

    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).

    gauges-donuts.gif.cb2227845019519a1d65fc75ff936184.gif

    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).

    image-viewer.gif.2a47f94074825f25281a04bb3eda1b3a.gif

    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).

    network.gif.ae9ef76e1e823612b049487305aa73ed.gif

    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).

    radar.gif.ece69e4bd33b5ebd9e7c952dfa1c1eff.gif

    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).

    sankey.gif.8b1db0c2f8d05913d786cc48728dc04a.gif

    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).

    sunburst.gif.46d02bac32fcbeca7bfc9f6d60c5dd0b.gif

    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).

    word-cloud.gif.4df438f3a05ea8b8faba1c0551d0518e.gif

    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.

     

    sunburst_chart.dxp


    User Feedback

    Recommended Comments

    There are no comments to display.


×
×
  • Create New...