Use case for a graph visual: mapping subsidiaries of an international organization

Sep 22, 2020

ZoomCharts Drill Down Graph PRO offers multiple layout options and unseen level of interaction. In this article we will explore a use case of mapping parent and subsidiary companies of an international organization, which nicely demonstrates the hierarchical and radial layouts of the visual.
 
You will learn:
  • How to build a graph visual to explore hierarchical relationships
  • How to use multiple interaction options for better data exploration experience
  • How to apply multiple customization options offered by Drill Down Graph PRO
Exploration of hierarchical relationships is the one of the most common use cases for the graph visual. From mapping an organizational structure, listing teams, employees and supervisors, to creating an overview of IT infrastructure and even creating a detailed visualization of a value chain – all these are use cases in high demand from business decision makers. Unfortunately graph visual is still underused because of its complex nature and time resources required to build a quality visualization.  However, with this use case we want to demonstrate how building a graph visual can be both- rather quick and easy. And most importantly – with a high value for business.
 
Let’s get to work and build a graph for parent and subsidiary entities of an international organization!

1. Setting up data

First things first – you will need data. To keep things simple, we are using an excel file that is being imported in the Power BI report. The excel file has 3 tables: 
  • Fact sheet – this is the main table listing all data necessary for the graph – source and target information (regions, countries, companies and stores), data used for graph customization such as node sizes, colors and link categories, and additional information we will want to display in the graph (region and country managers) 
  • Regional – additional dimension table to describe properties for each region, that will be used to add additional filters to the report
  • Stores - additional dimension table to describe properties for each store, that also will be used to add additional filters to the report
When imported into Power BI, the relationship among these tables are set as in the image below. 

 
 
And the fact sheet table looks like this:
 
 
 
You can download the sample Excel file here, and sample .pbix file here, to explore the data setup in detail.
 
Now, to build the graph visual, you will need to acquire a Drill Down Graph Pro. That can be easily done via AppSource or Marketplace, and for 30 days you can use the full version of the visual for free. If you are new to custom visuals,follow these instructions to import the visual in you Power BI report. Once it’s done, Drill Down Graph Pro will appear in your visualizations tab. 
 
Clicking on the visual will activate it, and you will need to drag the respective data fields into the visual to build the first version of the graph.
 
Drill Down Graph Pro is unique in the amount of data fields that can be used to build and customize the graph. It gives you as a report creator full control over the chart, and it’s possible to add a lot of information to nodes and links, that will be useful for the end user.
 
In this case, we will be using the following data fields:
  • Source nodes – list of regions, countries and subsidiaries (column Source in the Fact Sheet)
  • Target nodes- list of regions, countries, subsidiaries and stores (column Target in the Fact Sheet)
  • Value – value creates a link between source and target nodes. In this case we are using value 1 for all instances, because its only purpose is to show that there is an existing relationship (column Value in the Fact Sheet)
  • Source Node Color- will determine the color of the source nodes (column Source Node Color in the Fact Sheet)
  • Source Node Radius - will determine the size of source nodes (column Node Size in the Fact Sheet)
  • Source Focus Nodes – this field allows to determine, which is the main (focus) node when there are multiple hierarchy levels. Value 1 = true, value 0 = false (column Source Focus Node in the Fact Sheet)
  • Target Node Color - will determine the color of the target nodes (column Target Node Color in the Fact Sheet)
  • Link Category Class – is used to split links into multiple categories, which in return allows to customize each link category separately, e.g., set different color for each (column Link Category Colors in the Fact Sheet)
  • Tooltip Content- will determine what information will appear in the tooltip (columns Manager, Regional Manager and Country Manager in the Fact Sheet)
Once you add these data, you first version of the graph will be ready!
 
 

2. Customizing chart and interactions

To make the graph visual more user friendly, you will need to tweak it. That’s where visual customization comes in. Drill Down Graph Pro has rich customization options, and in this use case we will demonstrate couple of them.
 
First of all, you will need to choose the layout for the graph. Since this use case focuses on the hierarchy of multiple entities of the organization, we are using a Hierarchy mode with the direction set to Top to bottom. 
 
We are also turning on smart ordering. It helps with the positioning of the nodes by always placing the node with the largest number of child nodes on the right side of the branch. 
 
Adjusting horizontal and vertical node spacing will also help you adjust the node positions in the graph.
 
 
 
The next thing to customize is the navigation of the chart. Depending on your need, graph visual can be set to display all nodes at once (all nodes), or – you can choose to reveal child nodes as user explores the graph (focus nodes).   
 
The customization setting you will need to use is Navigation. You can see the difference in the set-up for both scenarios in the image below.
 
 
With Drill Down Graph PRO it is possible to display both – node name and node value. There are also multiple customization options available for both. Since in this use case we only need to display node name, not value, we are using a little “hack” to have it displayed the way we want:
  • The label position for the node value is set to be “outside”
  • The label position for the node name is set to be “inside”
  • And here comes the “hack” - once node value is set to outside, you will be able to turn it off completely, as it is done for this use case 
You can do all of the mentioned in the Customization tab >> Nodes (default category), Inside labels and Outside labels.
 
 
Another customization option used in this example is link categories. In data table we had a column specific for this purpose, splitting all links in 4 categories. Because of it in the customization tab you will see a section for each of the link categories. And in the image below you can see how they are set up for this use case. 
 
 
There are other customization options applied such as adjusted node radius, fonts and toolbar items You will be able to see them all in the .pbix sample file.

3.Adding additional elements to the report

If all you need is a graph visual and your report ends users will be happy with that, you can stop here. However, in our experience we see that end users appreciate well design reports with additional data filtering options, that make their data exploration experience quick and easy.
 
Therefore, in this use case we are offering to add additional elements to the report to show how graph can be combined with other visuals.
 
If your users prefer to see fully expanded graph visual right away, you can add Drill Down Donut PRO visual that will work as a filter. With 2 drill down levels, drilling into region and country, users will be able quickly explore the graph and locate the subsidiary they are interested in.
 
 
 
If you are opting in for more interactive graph exploration experience, external filter for region/country might not be required. In this case graph alone might be enough. However, we have added additional slicers in case users wants to explore the graph and locate the entity for which a particular employee is responsible.
 
 
 
For these elements we are using data from additional data tables mentioned at the beginning of this article. They are separated from the Fact sheet table to make data structure simpler, easier to manage and report would use less resource (principle of the star schema) 
In case you need help with setting up these elements in you report, refer to the sample .pbix file, where both - data fields and customization settings- will be available.

4. Demo report

If you have followed all the instructions, you should now have a report with graph visual mapping out a structure of an international company.  Or - you can use the embedded report right here to show your colleagues and report end users what can be achieved with Drill Down Graph Pro.
 

Subscribe to news

Subscribe to our newsletter and be among the first ones to receive updates about latest developments, releases and other useful information that will help you get the most of our visuals.

ZoomCharts JavaScript Charts: Best New Features of 2022

2022 was a big year for data visualization, and it was an even bigger year for ZoomCharts JavaScript Charts. We implemented many useful and much-requested features such as conditional formatting, new data aggregation options, and more. We’re even more excited to share the upcoming features that you can expect in 2023. Read all about them!

Read More

Dec 22, 2022

Analyze your Google Sheets data with ZoomCharts Spreadsheet Analytics

ZoomCharts Spreadsheet Analytics is a tool that allows you to receive an instant interactive report out of your spreadsheet data just by browsing that... Read More

Jan 05, 2017

Turn your spreadsheets into interactive reports in seconds

We introduce Spreadsheet Analytics. That means there is a new way to visualize and explore your spreadsheet data. Spreadsheet Analytics is an application build... Read More

Nov 09, 2016

Data Visualization for Cyber Security

Big Data is no longer the hype that it used to be till a couple of years back. It’s a reality now – the data revolution is already here. The web has... Read More

Feb 09, 2016

Data Visualisation for Online Banking

How do you feel when you are presented with a large volume of unexciting data which can actually take hours to extract any meaningful insight? To be more... Read More

Feb 02, 2016

Ho Ho Holiday Special Offer from ZoomCharts

The ZoomCharts team wishes you happy holidays and a very special New Year! To make the most out of the next year, we've came up with a special holiday deal for... Read More

Dec 15, 2015

Approaching Businesses at Data Visualisation Summit in London

When Data Visualisation Summit announced its slogan “Telling your story with data”, we knew the ZoomCharts team had to exhibit there, so on November 11-12... Read More

Dec 10, 2015

Exhibiting at TechCrunch Disrupt in London

Another great chance to put us on the radar of potential customers! We're exhibiting at TechCrunch Disrupt in London on December 7-8. TechCrunch Disrupt is... Read More

Dec 04, 2015

Starting Big at Web Summit 2015 in Dublin

The ZoomCharts team had an opportunity to attend Web Summit 2015 on November 3-5 in Dublin, one of the largest technology conferences in the world. The... Read More

Dec 04, 2015

TypeRacer Fans Can Now Compare and Visualize Their Scores

Are you a fan of TypeRacer.com? Want to see the big picture of your typing progress since the beginnings? Compare your performance with the scores of your... Read More

Nov 25, 2015

Meet Us at Data Visualisation Summit in London

To help you get more out of ZoomCharts, we'd love to meet you in person and show you our newest features. As our team is going to London on November 10-13,... Read More

Oct 28, 2015

Battling for Best Startup Title at Web Summit in Dublin

Proud to announce ZoomCharts has been shortlisted for the Web Summit BETA pitch! We'll be battling in front of the world’s leading investors, media and... Read More

Oct 28, 2015

ZoomCharts Receives Rising Star Title

Awesome news! On October 22nd, ZoomCharts received the “Rising Star” title and was named as one of Latvia's best new exporting brands. “Rising... Read More

Oct 28, 2015

ZoomCharts v1.9 - Setting Milestones

ZoomCharts v1.9 is now available! ZoomCharts has always been a niche leader but now our multi-touch support has got even better! See the new features in a... Read More

Oct 13, 2015

Your Powerpoint presentations will come alive with ZoomCharts!

With almost every presentation we create, we face a fundamental challenge – how to display and present huge amount of data without losing audience interest... Read More

Aug 25, 2015

ZoomCharts Experience: Episode 4, Performance

ZoomCharts HTML5 charts are built with a particular focus on mobile users. Fluid animations, speedy rendering, multitouch support, Big Data readiness are just... Read More

Aug 05, 2015

ZoomCharts Experience: Episode 3, Date Picker

Exploring the intricate details of your big data sets can be frustrating when your tools do not provide you with the functionality you require to go deeper... Read More

May 21, 2015

Happy Easter from ZoomCharts!

From the entire ZoomCharts team, we’d like to wish everyone a safe and happy Easter, whether your plans consist of a large consumption of food, chocolate,... Read More

Apr 01, 2015

ZoomCharts Experience: Episode 1, Swipe & Pinch

This is the first installment in the new ZoomCharts Experience video series. These video shorts will continue on a regular basis to offer a fun, fast, and... Read More

Mar 26, 2015

ZoomCharts at TechHub Riga Meetup: March 12, 2015

ZoomCharts is very excited to be part of the TechHub Rīga Meetup on March 12, 2015, taking place at Kaļķu street 12/14, Rīga, LV-1050, Latvia.... Read More

Feb 27, 2015

ZoomCharts Featured on Japanese Website nikkei BPnet

ZoomCharts is proud to have been named among the best data visualization providers by Japanese technology website, nikkei BPnet. One of ZoomCharts’... Read More

Feb 27, 2015

Happy New Year from ZoomCharts!

From the entire team here at ZoomCharts, we would like to extend a big thank you to all of our loyal customers and potential clients who have expressed... Read More

Dec 31, 2014