In this article you will learn how to integrate TreeMap Chart of D3 using VF option in Helical Insight and generate report.

A Treemap is used for visualizing hierarchical structure or tree-structure data which are split up into sized rectangles.

Steps :

1. Download this .zip file. 2. The unzipped folder, named “VF FILES”, is to be placed in the HI file repository. 3. Detailed explanation on adding the created VF-File in an Adhoc report, will be found here 4. Download this file vf.js Replace the vf.js file present at location: …\hi\apache-tomcat-9\webapps\hi-ee\js\adhoc\visualisations

The attached VF-file for Treemap D3 Chart makes use of two fields:

• First Field : Dimension
• Second Field : Measure

Example :

Output:

Tabular View TreeMap Chart VF

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.

For further assistance, kindly contact us on support@helicalinsight.com or post your queries at forum.helicalinsight.com