Step 1: Create a custom java object to hold the tree node object. I called it as TreeItem in my example.
Step 2: Create a custom java control to load the dummy data. Check out the HRTreeData java class for details.
Step 3: Open adfc-config.xml, then add a view to the unbounded task flow. Create the view by double clicking the view control. Lets call the view as HViewer.jsf for now.
Step 4: Add HRTreeData as a managed bean resource to adfc-config, so that the custom java class is accessible from the view.
Step 5: Open the view in design mode, drag and drop Hierarchy Viewer component by selecting ADF Data Visualization option in Component palette window.
Step 6: Add the images required to populate the Hierarchy Viewer component, and then right click on the view and run the application.