In this article you will learn how to integrate TreeMap Chart of D3 using VF option in Helical Insight and generate report.
![sample-d3-treemap](https://www.helicalinsight.com/wp-content/uploads/2016/10/Sample-D3-TreeMap.png)
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\visualisationsThe attached VF-file for Treemap D3 Chart makes use of two fields:
- First Field : Dimension
- Second Field : Measure
Output:
Tabular View![treemap-tabular-view](https://www.helicalinsight.com/wp-content/uploads/2016/10/TreeMap-Tabular-View.png)
![treemap-chart-generated-using-helical-insight-vf](https://www.helicalinsight.com/wp-content/uploads/2016/10/Treemap-Chart-generated-using-helical-Insight-VF.png)
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