cancel
Showing results for 
Search instead for 
Did you mean: 
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!






New Animated Dashboard: Sales Calendar


2 ACCEPTED SOLUTIONS
hnguy71
Solution Supplier
Solution Supplier

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.

 

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 work at KUMAVISION AG , one of the world's largest
implementation partners for Microsoft Dynamics. #
"Get the most out of data, with Power BI."
twitter - LinkedIn - YouTube - website


View solution in original post

10 REPLIES 10
amitchandak
Super User
Super User

@smpa01 , Refer if this can help https://dataveld.com/2018/01/13/use-svg-images-in-power-bi-part-1/

Did I answer your question? Mark my post as a solution! Appreciate your Kudos!! !!
Dashboard of My Blogs !! Connect on Linkedin

Learn Power BI Beginners !! Advance Power BI Concepts !! Power BI For Tableau User !! Learn Power BI in Hindi !!
Proud to be a 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!






New Animated Dashboard: Sales Calendar


@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.






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!






New Animated Dashboard: Sales Calendar


hnguy71
Solution Supplier
Solution Supplier

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.

 

View solution in original post

@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!






New Animated Dashboard: Sales Calendar


@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!






New Animated Dashboard: Sales Calendar


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 work at KUMAVISION AG , one of the world's largest
implementation partners for Microsoft Dynamics. #
"Get the most out of data, with Power BI."
twitter - LinkedIn - YouTube - website


View solution in original post

@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!






New Animated Dashboard: Sales Calendar


hnguy71
Solution Supplier
Solution Supplier

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

 

Helpful resources

Announcements
Power BI October Update 2021.jpg

Power BI Release

Click here to read more about the October 2021 Release!

Microsoft Ignite 768x460.png

Find your focus

Explore the latest tools,training sessions,technical expertise, networking and more.

Power BI Womens Summit 2021 768 x460.jpg

Interviews, learning sessions, allies, and more!

#PowerBIWomenSummit

Teds Dev Camp Oct. 2021 768x460.jpg

Power BI Dev Camp - October 28th, 2021

Mark your calendars and join us for our next Power BI Dev Camp!