Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Earn the coveted Fabric Analytics Engineer certification. 100% off your exam for a limited time only!

Reply
smpa01
Super User
Super User

svg in card visual

Hello experts,

Is it possible to display a svg currently in a card visual? I know it is possible in matrix and how to do that.
I tried few times to display that inside a card and did not succeed.
If it is possible at all and someone can direct me to the correct direction would be great. If not and an idea as such is already floated, I am going to vote for that.

Thank you in advance.
Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs
2 ACCEPTED SOLUTIONS

Would it be better to create your own "card" and use a custom visual? Image by Cloudscope is what we use. Drop your measure with the SVG in there and voila.

 



Did I answer your question?
Please help by clicking the thumbs up button and mark my post as a solution!

View solution in original post

Hi @smpa01 ,

 

take a look at this PBIX

 

Did I answer your question?
Please mark my post as solution, this will also help others.
Please give Kudos for support.

Marcus Wegener works as Full Stack Power BI Engineer at BI or DIE.
His mission is clear: "Get the most out of data, with Power BI."
twitter - LinkedIn - YouTube - website - podcast


View solution in original post

10 REPLIES 10
amitchandak
Super User
Super User

@amichandak thanks for the link. But it does not do enough to answer my question.
Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs

@smpa01 you cannot use images on KPI cards and that's why your measure with SVG images will not work. Is there any ideas on ideas forum, I'm not aware of it. you probably have to search for it.



Subscribe to the @PowerBIHowTo YT channel for an upcoming video on List and Record functions in Power Query!!

Learn Power BI and Fabric - subscribe to our YT channel - Click here: @PowerBIHowTo

If my solution proved useful, I'd be delighted to receive Kudos. When you put effort into asking a question, it's equally thoughtful to acknowledge and give Kudos to the individual who helped you solve the problem. It's a small gesture that shows appreciation and encouragement! ❤


Did I answer your question? Mark my post as a solution. Proud to be a Super User! Appreciate your Kudos 🙂
Feel free to email me with any of your BI needs.

Hello @parry2k 

 

Thanks for looking into it.

 

By card visual I was referring to this

123.PNG

I think your answer was from KPI Card perspective which is this

234.PNG

 

 

Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs

Would it be better to create your own "card" and use a custom visual? Image by Cloudscope is what we use. Drop your measure with the SVG in there and voila.

 



Did I answer your question?
Please help by clicking the thumbs up button and mark my post as a solution!

@hnguy71  thanks for the response.

 

Can you please show me how can you have this one displayed in Cloudspace as a measure. I tried but could not make it work.

 

test svg as following

 

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
  </svg> 

 

Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs

@hnguy71  I gave a second look in my work and the measure was wrog hence it did not work. Please find attached.

 

So you are right and thanks for showing that. However, it does not render an animated svg. The intent of my question was to find an already available card template where I can display an animated svg. Cloudspace only renders static svg.

 

 

Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs

Hi @smpa01 ,

 

take a look at this PBIX

 

Did I answer your question?
Please mark my post as solution, this will also help others.
Please give Kudos for support.

Marcus Wegener works as Full Stack Power BI Engineer at BI or DIE.
His mission is clear: "Get the most out of data, with Power BI."
twitter - LinkedIn - YouTube - website - podcast


@mwegener thanks.

 

Tried, tested and yes it works...tested with my own animation, renders perfectly.

 

Double quote, single quote,. so many adjustments... It was confusing. Measure was required to be rewritten after making all the adjustnments.

 

Thanks it works. @hnguy71 thanks to you too for the this awesome woraround.

Did I answer your question? Mark my post as a solution!
Proud to be a Super User!
My custom visualization projects
Plotting Live Sound: Viz1
Beautiful News:Viz1, Viz2, Viz3
Visual Capitalist: Working Hrs

@smpa01 , 
Yep! I struggled with the double vs single quotes before too! Glad that helped you out! 

 



Did I answer your question?
Please help by clicking the thumbs up button and mark my post as a solution!

Helpful resources

Announcements
April AMA free

Microsoft Fabric AMA Livestream

Join us Tuesday, April 09, 9:00 – 10:00 AM PST for a live, expert-led Q&A session on all things Microsoft Fabric!

March Fabric Community Update

Fabric Community Update - March 2024

Find out what's new and trending in the Fabric Community.