HR Analytics Interactive Dashboard - Tableau Project

PROJECTS

Vanessa Gottardi

7/17/20239 min read

Tbleau interactive dashboard
Tbleau interactive dashboard

Our comprehensive dashboard project leverages Tableau's dynamic capabilities to visualize key HR metrics such as headcount, employee activity, and attrition rates. From straightforward Key Performance Indicators (KPIs) like total employee count to nuanced analyses of attrition rates by gender and department, each component is meticulously crafted using interactive lollipop charts, pie charts, donut charts, among others. The dashboard design, featuring a custom-sized floating layout, ensures an aesthetic and user-friendly experience.

If you want to practice Tableau following this tutorial, access dataset:

Project Overview

Creating a comprehensive overview of essential HR metrics, this project employs data visualization techniques to explore crucial aspects such as total headcount, active employees, and attrition rates.

By leveraging data insights, the dashboard facilitates a deeper understanding of workforce dynamics, aiding HR teams in strategic decision-making and proactive planning for growth and employee retention.

Chart 1: KPI (Key Performance Indicators)

1.A. Employee Count

  • Sum of all employees.

1.B. Attribution Analysis

Place intocolumn “Attrition”:

           YES: Employee has left the company.

           NO: Employee still working in the company.

Let’s see how many people have left the company by counting the amount of “YES” and “NO” by assigning the number “1” for “YES”; and “0” for “NO”.

To do that, we will write our first calculation field.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

Then, we write the equation:

IF [Attrition] = "Yes" THEN 1 ELSE 0 END

It was a short and very simple overview of Tableau Dashboard project based on Data Tutotials.

To see the final real time dashboard, check out my Tableau Public profile HERE.

Tableau interactive dashboard project
Tableau interactive dashboard project

Now, we want to find the attrition rate, which is the form of percentage, by writing a new calculation field:

SUM([Attrition Count])/SUM([Employee Count])

After, we need to change its format to “percentage”, equaling to 16.12%.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

Add a grand total by clicking on “analysis” -> “totals” -> “Show Rows Grand Totals”.

For active working employees, we calculate:

SUM([Employee Count])-SUM([Attrition Count])

Tableau interactive dashboard project
Tableau interactive dashboard project

We also are adding “[ ]” to “percentage of total” and formatting labels.

We also include the average age to our “measures Values”.

Tableau interactive dashboard project
Tableau interactive dashboard project

To maintain the interactive dashboard with the same format when we are filtering, we must keep the unit format decimal as “0” for all whole numbers.

Tableau interactive dashboard project
Tableau interactive dashboard project

Now, we want to add “Education” to “Filters”, clicking “use all”.

Tableau interactive dashboard project
Tableau interactive dashboard project

For the second instance, we mark it as “circle”.

Then, “show filters” to visualize all education options.

Tableau interactive dashboard project
Tableau interactive dashboard project

To finalize, let’s “Apply to Worksheets” -> “All Using This Data Source”, that means that whenever we design any further sheet in coming time, the default filter will be automatically applied.

Tableau interactive dashboard project
Tableau interactive dashboard project

Chart 2: Attribution by Gender (Lollipop Chart)

This is a custom chart to gives us insights about gender such as how many female/male are leaving the company.

To start, we place “Gender” into “Rows” and “Attrition Count” into “Columns”, as a bar chart.

Now, we want to make it as custom which is a lollipop chart. For that, we have to make it as dual access chart.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

Next, we mark it as “dual axis”.

Tableau interactive dashboard project
Tableau interactive dashboard project

Then, we check “Synchronize Dual Axis”, so they are using the same measure. We want to do it whenever we are working on a dual axis chart to synchronize them.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

Now, let’s fix the size of chart and circle to look like a lollipop chart.

Tableau interactive dashboard project
Tableau interactive dashboard project

Some other customizations to the second/circle instance are: color and label genders.

Here is how this chart looks like:

Chart 3: Department Wise Attrition (Pie Chart)

Let’s start placing “department” to “color” and changing it to pie chart. Then, “entire view”, for a better visualization.

As right now, pie chart is split equally. We want to place “attrition count” into “angle” to show the correct proportion of each department. You can format color, labels… according to your preference.

We are labeling “attrition count” and changing it to “percentage of total” and labeling the whole number.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

NOTE: You might want to change to white color for dashboard.

Chart 4: Number of Employee by Age Group (Frequency Chart)

In this chart we can see the total number of employees, indicating the sum of workers per age range.

We first create a “bin” for “age” to generate the range. For “size of bins”, let’s change it to “Create a New Parameter”, and fix “name”, and “Range values”.

Tableau interactive dashboard project
Tableau interactive dashboard project

Place “Bin Size” and place into columns. Then, “Employee Count” into rows. Below, image of the chart already edited.

Tableau interactive dashboard project
Tableau interactive dashboard project

Chart 5: Job Satisfaction Rating (Matrix Chart)

Here, we are creating a chart with the rating of satisfaction of the employees, where 1 is the lowest and 4 is the highest satisfaction.

We place “Job Role” into rows and “Job Satisfaction” into columns.

However, we want to use numbers to rate satisfaction, so we drag it into “Tables”, then we move it to columns.

Next, let’s take “Employee Count” into the “Text”.

Now, add a grand total by clicking on “analysis” -> “totals” -> “Show Columns Grand Totals”.

Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project
Tableau interactive dashboard project

For formatting, let’s do a “Heat Map”, then swap the rows to maintain this format.

Tableau interactive dashboard project
Tableau interactive dashboard project

Below, the final chart after formatting colors, fonts, etc.

Tableau interactive dashboard project
Tableau interactive dashboard project

Graph 6: Education Field Wise Attrition (Bar Chart)

To start, let’s take “Education Fields” into rows and “Attrition Count” into the columns, then format as desired with labels, colors, you decide.

Tableau interactive dashboard project
Tableau interactive dashboard project

Chart 7: Attrition Rate by Gender for Different Age Group (Donut Charts)

In this multiple donut charts, we are showing how many people are quitting their jobs.

To start, let’s place “CF Age Band” into the columns and change the marks as pie charts, “Gender” into “colors”, and “Attrition Count” into “Angle”.

To make them donut charts, we create in rows MIN(1) twice.

Tableau interactive dashboard project
Tableau interactive dashboard project

For the second axis, let’s remove “gender” and “SUM(attrition count)”, make the size smaller.

Tableau interactive dashboard project
Tableau interactive dashboard project

Then, make it a “dual axis”. You can adjust sizes for the donut charts, color will be created by default from gender used before, and you can remove axis and labels for columns.

Tableau interactive dashboard project
Tableau interactive dashboard project

Let’s create labels -> “Quick Table Calculation” -> “Percent of Total”.

Tableau interactive dashboard project
Tableau interactive dashboard project

Next, let’s create KPIs indicating a total number by placing “Attribution Count” into labels (second axis).

Tableau interactive dashboard project
Tableau interactive dashboard project

To fix age band to the proper format, under 25 first, right click on “CF age” (column) -> “sort -> “Manual” to manually arrange the sequence.

Tableau interactive dashboard project
Tableau interactive dashboard project
Building Interactive Dashboard in Tableau

To start organizing our dashboard, let’s custom size: 1580 x 900. Totally up to you the size you want to use upon your resolution.

If you want to use a background image, you can customize wallpapers from PowerPoint, and save as PNG format.

Download background HERE. Choose one template.

To download it into the dashboard, go to “Objects” -> “Image”, then check “Fit Image” and “Center Image”   -> “Choose”.

Tableau interactive dashboard project
Tableau interactive dashboard project

For this project, we are using “Floating” layout instead of “Tiled”.

In Tableau dashboards, the key difference between floating and tiled layouts lies in how objects are arranged:

Tiled Layout in Tableau:

  • All objects are organized in a grid-like hierarchy on a single layer.

  • Objects in a tiled layout do not overlap, forming part of a grid that resizes based on the overall dashboard size.

  • Tiled layouts ensure visibility and accessibility, maintaining a structured appearance.

Floating Layout in Tableau:

  • Objects in a floating layout can be layered on top of each other and may have a fixed size and position.

  • Floating objects offer more flexibility as they can overlap and be positioned freely on the dashboard.

  • When using floating objects, you have the option to adjust the height and width as needed.

Considerations for choosing between the two depend on your specific design needs and preferences. Performance tests have shown that floating dashboards may work faster.

Now, let’s adjust KPI chart on the top part of the layout hiding filter and header.

You can choose colour, font, and alignment.

Tableau interactive dashboard project
Tableau interactive dashboard project

We use “Format Shading” -> “none” for no background.

Tableau interactive dashboard project
Tableau interactive dashboard project

To format the numbers, we go back to KPI worksheet -> “Text” to open the format window.

Tableau interactive dashboard project
Tableau interactive dashboard project

Let’s hide top and bottom “Attrition Count” headers.

Tableau interactive dashboard project
Tableau interactive dashboard project

For “Gender” heading, we also hide it.

Then, we want to adjust it to fit into to the dashboard layout. Adjust sizes and colours according to your preference to fit it properly. Also, you can mark “Lines” as “none” in all to hide them.

Tableau interactive dashboard project
Tableau interactive dashboard project

To add the dashboard title, simple use the “Text” from “Objects” and adjust in the title layout area.

Next, let’s place “Department Wise Attrition” using the same steps of adjusting size, “format” -> “shading”

-> “none” for background. In this case, we want to keep filter and format.

Let’s place “No of Employee by Age Group” chart next, editing like other charts.

Tableau interactive dashboard project
Tableau interactive dashboard project

Time to place “Education Field Wise Attrition” chart to dashboard, using the same steps for fitting and formatting according to your preference.

Tableau interactive dashboard project
Tableau interactive dashboard project

Finally, we are fixing the last “Attrition Rate by Gender for Different Age Group” donut charts into the dashboard.

To match the middle of the donut color with the background, open background on PowerPoint and select color to put into donut format.

Tableau interactive dashboard project
Tableau interactive dashboard project

Lastly, for filtering, we click on any of the charts -> “Analysis” -> “Filter” -> choose filter, in this case “Education”.

Tableau interactive dashboard project
Tableau interactive dashboard project

To make it a dropdown, double click -> “Multiple Values (dropdown)”.

Tableau interactive dashboard project
Tableau interactive dashboard project

As you are done, play around with the dropdown and you’ll see the charts changing accordingly.

If you click on “Department Wise Attrition” chart, you will see that other charts are not changing accordingly. To fix that, click on the filter icon to create the action. Do the same to all charts if needed.

Tableau interactive dashboard project
Tableau interactive dashboard project

Final dashboard:

Tableau interactive dashboard project
Tableau interactive dashboard project

Related Stories