HTML Visualization Workout 005 - Bar Chart

Difficulty 2/5

Custom Bar Chart

Power BI’s native bar chart visuals serve a wide range of purposes, but they have limited customization options. However, with the HTML VizCreator custom visuals, you have the freedom to design every single element of a bar chart according to your preferences.

Some custom bar charts can also be found here: https://bisamurai.com/custom-bar-charts/

PBIX File:

Please download the file from here.

Goals of this workout:

  • Get familiar with the measure “Bar Chart HTML”. To gain a better understanding of the measure, you can experiment with modifying values in the variables or the data and observe the resulting changes in the visual representation.
  • Change the color of the bar
  • Change the color of the text and make it bold, underlined or italic
  • Change the height of the bar
  • Change text alignment and padding.

Help:

Bar Charts

Text alignment

Bold, italic, underline

Dynamically change font size

Color opacity or transparency

Ask your questions in the workout channel and we’ll try to answer you as soon as we can

Submission:

Post a screenshot of your bar chart and upload your PBIX.

HTML VizCreator Custom Visuals:

The HTML VizCreator visuals are developed by BI Samurai (https://bisamurai.com) and they come in two versions: the Microsoft-certified HTML VizCreator Cert and the HTML VizCreator Flex, which is not Microsoft-certified but can access the internet and currently offers more functionality. In upcoming workouts, you’ll learn more about the differences between these two versions. For this particular challenge, you can use either one.

It’s important to note that a license is required to access the full functionality of the HTML VizCreator visuals. However, to be part of these workouts, you won’t need to purchase a license. The PBIX file available for download at the link above contains the latest pre-released versions of both visuals, along with an active license key.

As a side note, if you are a freelancer, Power BI consultant, Microsoft MVP, student, or have a similar role, you might be eligible for a free partner license. To find out more, reach out to partner@bisamurai.com and provide us with information about who you are, what you do, and why you believe you should receive a free partner license.

Hi Pascal

Here is my solution.

Regards
Kristjan
BI Samurai Workout - Bar Chart Solution.pbix (1.1 MB)

Looking good @ChrisNjakas , thanks for joining the challenge!