Visualization Framework (VF), is a framework that is used to generate different visualizations. The VF accepts JavaScripts to generate the required visualization. The Adhoc module provides some predefined visualizations and also allows users to add newer, often required visualizations to that list.
However, if the user requires to use a certain visualization for an exceptional case, the said visualization need not be added to the list of existing visualization options, instead can be stored separately and called only for the said case.
In such cases, a separate file, called the “VF FILES” which contain the script of the visualization is used. The “VF FILES” folder should contain the template for creating the required visualization and be saved with an extension “.efwvf”. This VF-File along with the corresponding JavaScript libraries and CSS files should be added in the Helical Insight (HI) file repository (inside a separate folder, for better usability).
For this example, the “VF FILES” for a Bullet Chart is being used. The following image contains the folder contents of the “Bullet Chart VF” folder.
Detailed explanation on adding the created VF-File in an Adhoc report, will be found here
Bullet Chart :
Bullet charts are generally used to show data for Target, Achieved and Marker (Milestone).
Steps:
- Download this .zip file.
- The unzipped folder, named “VF FILES”, is to be placed in the HI file repository.
- Detailed explanation on adding the created VF-File in an Adhoc report, will be found here
The attached VF-File for Bullet chart makes use of five fields :
- Two Dimensions (Text)
- Three Measures (Numeric)
- First Text value will be used as “Title”.
- Second Text value will be used as “Subtitle”.
- First Numeric value will be used as “Target/Range”.
- Second Numeric Value will be used as “Achieved/Measure”.
- Third Numeric value will be used as “Milestone/Marker”.
Note:
- In case of less than just 2 numeric values, Milestone and Achieved will display the same values and in tooltip “Milestone” will be shown as key “Marker” and the value same as that of “Achieved”.
- In case of just 1 numeric value, all three values will be shown as same and will be for “Range”.
Output:
Bullet Chart VF generated using Helical Insight
VF-Customizations:
Customizations such as font size, font type, chart colors, etc. for the chart can be added or overridden in the “Custom” -> “Styles” tab.
Chart Types Supported By VF:
VF supports all the JavaScript charting libraries such as D3.js, C3.js, Chartist.js, ember charts, chartkick, etc.
Following is the list of predefined VF-Files:
For further assistance, kindly contact us on support@helicalinsight.com or post your queries at forum.helicalinsight.com