How to create SVG DAX Measures in Power BI (Easy, step-by-step Tutorial with Sample File)

Share

Facebook
Twitter
LinkedIn

SVG (Scalable Vector Graphics) is a great way to add a bit of flavor and pizzazz to your boring Power BI reports. I have been using them for a while and really love how easy and fun they are to work with. So today, let me share the technique and provide sample measure code that you can readily use to make your first SVG DAX graphic in Power BI.

What we are going to build – Demo of SVG DAX

We are going to create this rectangle bar chart with SVG. It is a simple graph that shows a KPI (ex: Attendance Percentage).

What you need?

  • Any recent version of Power BI Desktop
  • A measure or set of measures that you want to visualize with SVG

Creating your first SVG DAX Measure – Step-by-step Instructions

Step 1: Make a measure to visualize

If not already done, create a measure to visualize with SVG. In our example, we want to see attendance percentage as a rectangle. So I have the measure [attendance percentage] in my model.

Attendance Percentage = DIVIDE([Total Attendance], [Total Days]) //Example KPI measure

Step 2: Create the SVG Measure

Create a new measure for our SVG. Use below code as starting point and customize it as per your model.

SVG Rectangle = 
    var att_pct = [Attendance Percentage] // your KPI goes here
    var rect_width = 300 * att_pct // scaling the KPI to our SVG rectangle width. 100% = 300pixels
    var att_pct_disp = FORMAT(att_pct, "0%") // formatting KPI to display inside the rectangle
return

"data:image/svg+xml;utf8, 
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 60'>
  <rect x='5.522' y='4.682' width='"&rect_width &"' height='50' style='fill:#DE913A; stroke: rgb(0, 0, 0);' rx='5.277' ry='5.277'/>
  <text style='fill: #111111; font-family: "Arial", sans-serif; font-size: 28px; font-weight: 700; white-space: pre;' x='14.165' y='40.696'>"&att_pct_disp&"</text>
</svg>"

Step 3: Set Measure Category to Image URL

Now that we have the [SVG Rectangle] measure in our model,

  • Select the [SVG Rectangle] measure
  • Go to Measure Tools > Data Category
  • Set it to Image URL

Boom! Now your table or matrix will show SVG bars

Step 4: Use the SVG Measure inside a visual

Set up a table / matrix visual. Add your SVG rectangle measure to the visual and we can instantly see the rectangles drawn. See this quick demo.

Which Visuals can I use to see SVG Images?

Currently (as of May 2025), the below Power BI visuals are supported for SVG based DAX measures.

  • Table
  • Matrix
  • New Card Visual (sometimes buggy)
  • New Button Slicer Visual

SVG DAX Measures – Video Tutorial

I made a detailed explanation of SVG measures with few different examples and code explanation. You can watch it below or on my YouTube channel.

https://www.youtube.com/watch?v=djUyi4oOAEM

Sample File – SVG DAX Measures

Click here to download Sample Power BI Workbook with the SVG DAX measure examples. Customize the measures or create new to learn how to apply this technique. Checkout the SVG Project on my Github for all the other files and additional resources.

When and Why Use SVG?

SVGs let you:

  • Build pixel-perfect visuals in Power BI
  • Avoid external custom visuals
  • Add creative KPIs (think calendar heatmaps, progress bars, mini-charts, and more)
  • Control layout and formatting via code

Watch Out For…

  • Performance: SVGs add some overhead, especially with large datasets.
  • Measure length: Power BI has limits (~32k characters per measure).
  • Visual support: Works best in tables and matrix visuals; new card visuals are hit-or-miss.
  • Tooltips: Without customization, Power BI may show raw SVG code as tooltip.

Pro Tips

  • Use a tool like Boxy SVG Editor to design and export SVGs
  • When copying SVG code from elsewhere, Replace all " with ' to simplify embedding in DAX
  • Explore SVG templates from Kerry Kolosko to fast-track your visuals

What’s Next?

This is part 1 of my SVG + DAX journey. In the next post, we’ll break down a full SVG-powered attendance dashboard—calendar heatmap, employee cards, and all. We are going to build this in the next part:

Until then, experiment and impress your colleagues with a whole new level of custom Power BI visuals.

Facebook
Twitter
LinkedIn

Share this tip with your colleagues

Excel and Power BI tips - Chandoo.org Newsletter

Get FREE Excel + Power BI Tips

Simple, fun and useful emails, once per week.

Learn & be awesome.

Welcome to Chandoo.org

Thank you so much for visiting. My aim is to make you awesome in Excel & Power BI. I do this by sharing videos, tips, examples and downloads on this website. There are more than 1,000 pages with all things Excel, Power BI, Dashboards & VBA here. Go ahead and spend few minutes to be AWESOME.

Read my storyFREE Excel tips book

Overall I learned a lot and I thought you did a great job of explaining how to do things. This will definitely elevate my reporting in the future.
Rebekah S
Reporting Analyst
Excel formula list - 100+ examples and howto guide for you

From simple to complex, there is a formula for every occasion. Check out the list now.

Calendars, invoices, trackers and much more. All free, fun and fantastic.

Advanced Pivot Table tricks

Power Query, Data model, DAX, Filters, Slicers, Conditional formats and beautiful charts. It's all here.

Still on fence about Power BI? In this getting started guide, learn what is Power BI, how to get it and how to create your first report from scratch.

32 Responses to “Extract Numbers from Text using Excel VBA [Video]”

  1. ScottW says:

    Interesting that you are posting this at the same time as Doug http://yoursumbuddy.com/regex-function-sum-numbers-string/

    • Luke M says:

      Looks like two different articles about two different subjects, extracting numbers in text vs. summing all the numbers in text. Also, articles are published 20 days apart. Is the interesting part that there were two articles written about Visual Basic techniques within this month?

      • Luke M says:

        Sorry, that should have said 1 day, not 20. Was looking at the wrong thing. I still think it's just a nice coincidences to have multiple articles about VB written. Dick Kusleika also routinely writes about VB at dailydoseofexcel.com

    • Chandoo says:

      What a lucky coincidence. I know about Doug's blog, but havent had a chance to read it in a while. Thanks for sharing the link.

  2. Don Hopkins says:

    I think that the best lesson that can come from the several salary survey solutions is that one should have anticipated the variety of monetary units.  If the survey utilized drop down currency lists and limited the salary field to whole numbers only, etc. the resulting input would have been far cleaner. Sorry, Chandoo, but the messy input was, in my opinion, self-inflicted.

    • Chandoo says:

      You are right. Since there are more than 200 different currencies, I thought a currency field would complicate the survey. The bigger problem was, Google Docs (which I used for survey) does not have an option to capture only numbers. Input fields were by text, so people entered in lots of different formats.

      But I am happy how it turned out. It taught me several lessons on how to clean data.

      Next time I will use a better tool to capture such responses.

  3. Crisu says:

    Your post made me check how the "regular" and "irregular" decimal separators look like in different countries and it appears to be really interesting case. Take a look:
    http://en.wikipedia.org/wiki/Decimal_mark
    Cheers.
     

  4. I am pretty sure you can replace this code block from your article...

    If Text Like "*.*,*" Then
      european = True
    Else
      european = False
    End If

    with this single line of code...
     
    european = Format$(0, ".") = ","
     

    • Just to follow up on my previous post, I think I may have misunderstood the intent of your code. You were not looking to see if the computer system was using a dot for the decimal point, rather, you were looking to see if the Text was using a dot as the decimal point, weren't you? If so, then you could use this single line of code as to replace your If..Then..Else block...

      european = Text Like "*.*,*"

      But what if the number in Text was not large enough to display a thousands separator? Or what if it were a whole number? In either of those cases your original test, and my replacement for it, will fail. Maybe this would be a better test...

      european = Right(Format$(Text, "."), 1) = "," 

      • Chandoo says:

        You are right. I am checking if the text has European format. And I loved your one line shortcut. I did not think of using LIKE in such context. Thanks for sharing that.

         

        Again, you are right that this method would fail if the number is not big enough for a thousands separator. Since my data has annual salaries, all numbers are usually in thousands. So I did not think about it.

      • Yam says:

        Hi ,

        I have a question please. I'm working on a report that has alphanumeric on it and I only need to retrieve 7 integers that starts with 7 and 3 example SCM RIS PX RIS 02 - 7152349, ADSF\243434134, CM532345 and i need to get the 7152349. Can you please help me on this? I truly appreciate your help!
        Thank you very much!

  5. Tayyab Hussain says:

    Hi-

    The post was wonderful. Please take a look at this function also

    Function ExtractNumber(InputString As String) As String
    'Function evaluates an input string character by character
    ' and returns numeric only characters
    'Declare counter variable
    Dim i As Integer
    'Reset input variable
    ExtractNumber = ""
    'Begin iteration; repeat for the length of the input string
    For i = 1 To Len(InputString)
    'Test current character for number
    If IsNumeric(Mid(InputString, i, 1)) Then
    'If number is found, add it to the output string
    ExtractNumber = ExtractNumber & Mid(InputString, i, 1)
    End If
    Next i
    End Function

    • Bone Bone Gyi says:

      Thank you so much. Your function code is amazing. It very useful for my lesson. Thank you so much.

  6. hpchavaz says:

    To be more international.

    At the beginning, for the rench format :

    If fromThis.Value Like "*.*,*" Or fromThis.Value Like "* *,*" Then

        european = True
    End If

    And at the end :

    ElseIf ltr = "," And european And Len(retVal) > 0 Then
        retVal = retVal & Application.DecimalSeparator
    End If
     

  7. Kris says:

    Hi Chandoo,
    Sorry, but your code does not work correctly with my Hungarian excel. My decimal separator is "," so
    getNumber = CDbl(retVal)
    will not convert the string to value, because you hard-coded "." as separator.
    And, as you mentioned: "method would fail if the number is not big enough for a thousands separator" I would like to add: would fail if the user did not enter the thousand separator and also would fail if the thousand separator is not "," nor "." but " " (space chr) - as in Hungary.
    This two functions could help to determine the system settings:
    application.DecimalSeparator
    application.ThousandsSeparator
     
    Conclusion:
    you say: "We do not need special treatment for regular format (61,000.30) as Excel & VBA are capable of dealing with these numbers by default." - it is true in case you system uses the regular format. 🙂
     
    Cheers,
    Kris

  8. Deependra says:

    Awesome! It works !!
    But how does one take into account negative numbers (say the list has negative numbers and I want to retain those negative numbers)
     
    Thanks.

  9. Akmal says:

    Hi. When I download this example, my excel is not showing formulas exactly. I wanted a ready version of this example, please. Thank you

  10. Kenny says:

    Hi Chandoo,

    Thanks for this brilliant article like many others that you have written for the benefit of many. Unfortunately, I am constantly having problems downloading your sample workbooks. I am currently using Excel 2007, and each time I try to download any of your sample workbooks, for e.g. the 'Extract Numbers Using VBA workbook', I get the following message 'This file is not in a recognizable format'.

    I always get this message each time I try to download any of your sample workbooks. Please kindly advise me on how to resolve this.

    Thank you.

    Kenny

  11. Madhav says:

    I have numbers like 12345-12-1 which I want to extract from text strings. 12345 might be variable there as 123, 1234, 12345, 123456,1234567 or so. When I get that in other cell (Column) I should see multiple entries of similar numbers with - (hyphen). How to do that?

  12. Madhav says:

    Thanks Hui for your response. Thank you for your time to find potential solution for my problem.

    I tried your formula but was not successful in using the same.

    here is more clarification so that you/others could help me.

    Column A has following in Cells A1 to A4.. could be long..
    ABCD 12345-12-1 XYZ 9878-02-9
    LMNOPQ 12345-12-1 STQ 789748-98-5
    NFHFKDJFKDS 123-23-1, NDKANSD
    A FDSAFNDS 12345-12-1, ASNDSAND

    from such data I need to extract the number with hyphens
    remove , immediately after the numbers, separate the numbers with spaces

    Column B shall look like:
    12345-12-1 9878-02-9
    12345-12-1 789748-98-5
    123-23-1
    2345-12-1

    2 separate strings (numbers) having hyphen (-) therein should be separated with space.

      • Madhav says:

        Thanks Hui that worked well with the examples I provided.
        I should have given following type of example:
        2-ABCD 12345-12-1 X-2-YZ 9878-02-9

        in the above case I do not want to extract a number and hyphen which is connected to or is part of text string..

        Can you please help me modify the code to ignore numbers and - with text string.?

        Thanks in advance.

        • Hui... says:

          @Madhav

          So what is the answer expected from
          2-ABCD 12345-12-1 X-2-YZ 9878-02-9

          • Madhav says:

            Thanks for your interest and time Hui.

            so when I have text like
            2-ABCD 12345-12-1 X-2-YZ 9878-02-9 3-abc-4-efg in Cell A2
            in B2 the answer should be only numbers with hyphens and no text with numbers or hyphens
            12345-12-1 9878-02-9 OR
            12345-12-1 some delimiter (, or 😉 9878-02-9

            The logic I thought was (but unable to do)
            1. remove all strings containing text (and - and numbers) and then extract only numbers containing hyphens
            2. Extract numbers in only following format ( # is a digit below) and ignore numbers and hyphens in any other format
            #######-##-#
            ######-##-#
            #####-##-#
            ####-##-#
            ###-##-#
            ##-##-#

            Hope this helps.

  13. Thomas Huettemann says:

    Why not just use the function =getNumber ?

    • Madhav says:

      =getnumber doesn't extract numbers with hyphens..
      also need to ignore numbers and hyphens associated with text string

  14. Deepak says:

    When I use this code that code give me error
    cdb1 is not highlight can u explain me

    • Hui... says:

      @Deepak

      It runs fine for me
      Select the first line and Press F9 to set a stop point
      goto a cell and edit the function and press Enter
      Then you can step through the code when it runs using F8
      report back what happens

  15. Yamin says:

    HI,
    How can we add spaces between numbers and removing decimals.

  16. Yamin says:

    how can we make spaces in the reesult e.g 25 655 2335

  17. Avinash says:

    Dear Team,

    I need to extract number (cheque number) from a cell (some numbers may repeat that to be ignored),

    Text is - :-Inward Clg Cheque 00992924 00992924,BD
    Result should be - 992924

    Kindly help in getting formula for this (please email the code or VBA Code)

Leave a Reply