JavaScript Visualization Framework - JSViz and TIBCO Spotfire®
Last updated:
4:23pm Aug 14, 2017

Introduction

Within the TIBCO Spotfire® community, one area of discussion that crops up continually is that of new visualization types.  Customers often ask for a visualization type during a POC that Spotfire does not currently support.  Others ask for simple customizations of existing visualizations, such as moving labels around, that sound straightforward but are almost impossible to implement without extensive coding.

There are now a number of JavaScript libraries available for creating rich interactive graphics within a standard web browser.  One such is D3 which has a large library of example visualizations available on the D3 Website.  There are many others, including Highcharts and Google Charts.

Sample JSViz Visualizations

The JavaScript Visualization Framework, or JSViz, is a Custom Extension for TIBCO Spotfire that allows users to create their own visualizations using JavaScript libraries such as d3 but still allow them to seamlessly integrate with the Spotfire platform.  Note that although d3 was an initial driver for implementing the custom extension, it can actually work with any JavaScript based code.

Samples

Included with the framework are a number of sample charts including:

Versions

There are two downloads to choose from depending on which version of Spotfire you are using:

  • For Spotfire 6.5 and 7.0 use V2.4
     
  • For Spotfire 7.5 or higher use V3.4

Both versions have the same capabilities.  Please make sure to download the correct package for your Spotfire installation.

For an overview of the different extension and customization options that the Spotfire platform provides, see Extending TIBCO Spotfire.


API

The documentation for the .NET API is now available online here.  This API can be used within Spotfire via IronPython or within a .NET Spotfire Custom Extension to configure JSViz visualizations.

The examples provided with JSViz also include a comprehensive scripting example showing how to use IronPython to create and configure JSViz charts.


Brunel

Brunel is an open source Domain Specific Language designed specifically for interactive data visualisation. It allows coding complex Javascript D3 visualisations with as little as one line of code.

Brunel can be integrated into Spotfire Javascript visualisations..


    Automating Plot Setup

    It is possible to automate the creation of JSViz instances from the tool bar or the tools menu, by creating a custom extension that leverages the JSViz API:


    Licensing

    JSViz is shared with the TIBCO Community for free use by customers and partners under the  TIBCO Component Exchange License.  If you have suggestions for enhancements or run into issues, please post questions on TIBCO Community.


    JSViz and Spotfire Desktop

    The following document describes How to install JSViz into Spotfire Desktop.


    Known Issues

    • Some users may encounter a problem when using JSViz with Spotfire 7.6.  This is resolved in the 3.4.0.3 release.  For detailed instructions see the following page: https://community.tibco.com/wiki/jsviz-problems-spotfire-76.  Spotfire 7.6 Hotfix 3 is also required.

    • Please remember to "unblock" the downloaded zip file before installing.  This is important if you use Internet Explorer to download the file or if your company has download management tools installed.  In windows explorer, right-click the file, select "unblock" and click OK.

    • JSViz visuals will work in Web Player and Automation Services as well as Spotfire Analyst (Professional).  Make sure to follow the installation instructions in the documentation.  Many people forget to update the Web Player after installing the plugin files.

    • There is an issue with the 3.4.0.8 build recently posted.  Please download and use a later version.


    Feedback (7)

    I've followed the instrution for Spotfire Desktop installation, but the JSViz option didn't show up on the toolbar. My version is 7.8.0.  Could you help me on that? Thank you.

    andrewchiang 3:37pm Aug. 07, 2017

    Link is fixed.

    Don Johnson 11:16am Jun. 29, 2017

    The link for installing in Spotfire Desktop has been updated.  You may need to refresh your browser cookies to see the new link:

    https://d2wh20haedxe3f.cloudfront.net/sites/default/files/wiki_files/ins...

    Dave Leigh 11:15am Jun. 29, 2017

    The link above is broken:

    How to install JSViz into Spotfire Desktop.

     

    vincent.rodriguez 11:03am Jun. 29, 2017

    For jmgrosso and others having problems with installing JSViz under Spotfire Desktop, please make sure that when you downloaded the zip file, you "unblocked" it.  .NET is cautious about allowing dll's downloaded from the internet from running.

    So in the folder where you copied the dll's, right-click and select Properties.  Check the "unblock" option and click apply.  Repeat this for all dll's in the 3 JSViz folders.

    Dave Leigh 10:51am Dec. 06, 2016

    Hi, 

    I followed all the above steps for Spotfire 6.5 but after editing the config file to add the JSViz modules the Spotfire app executable does not load the software. What should I do?

    Regards.

    jmgrosso 1:32am Dec. 05, 2016