SVG Archives - Hat Full of Data

29th July 2025

Power BI – Improve a card with SVG

The not so new card in Power BI, introduced in 2023, includes some lovely features. The first is the simplest of adding multiple values and having cards laid out evenly in a row in a single visual. The second awesome feature adding an image to a card with SVG. Starting Point This report is visualising web site views per year....

Power BI/SVG

25th February 2023

Power BI – 5 Stars SVG

In the Feb 2023 Power BI Update they introduced image width in a table formatting. This means SVG images now don’t have to be square, so we can now do rectangle images. So I ported Stars SVG code I had in my Power Apps series and added this post to my Power BI SVG series For this post we are...

Power BI/SVG

27th December 2019

Power Apps – 12 Days of Components

This post is to provide the code and resources to support my 12 Days of Components videos which use SVG to create a range of graphics.

Uncategorized/Components/PowerApps/SVG

23rd November 2019

Power Apps – Animating SVG Fill Colour and Size

In this post I will introduce animating SVG by altering the colour and size of the SVG graphic using variables and a timer control.

PowerApps/SVG

26th October 2019

PowerApps – Function Component

In this post I write a simple function component that takes one value and returns a calculated value. This creates a resusable function like feature.

PowerApps/Components/How to/SVG

25th October 2019

PowerApps – SVG Introduction

In this SVG Introduction post we will cover adding a simple SVG drawing to a PowerApp screen. Future posts will show how to manipulate that image.

PowerApps/SVG

13th August 2019

SVG in Power BI Part 7 – Using a Theme File to add SVG Icons

As part of the July 2019 update there were changes to conditional formatting. In this post I am going to cover adding to or swapping the built in icons using a theme file and some SVG.

Power BI/SVG/Updates

6th August 2019

SVG in Power BI Part 6 – New Icon Conditional Formatting

In July 2019 Power BI Desktop update they included new conditional formatting on table and matrix to include icons. These icons can be defined using SVG which is pretty cool. So this is a new post in my Power BI SVG series looking how we can use SVG icons in conditional formatting.

Power BI/SVG/Updates

8th June 2019

SVG in Power BI – Part 5 – Using SVG Rotate

In this post I will introduce the possibilities that SVG rotate gives. This post will walk through creating a dial.

SVG/Power BI

22nd May 2019

SVG in Power BI – Part 4 – Adding SVG Text

This is the fourth post in my series on using SVG in Power BI introducing SVG text and actually solves one of the niggles I had with doing KPI figures in Power BI. I didn’t get to do this part as part of my session which started this series. Here is the list of posts.