SVG Blink Animation | Highlights/Alerts in Power BI
HTML-код
- Опубликовано: 26 ноя 2024
- In this video, learn how to highlight critical alerts using simple SVG blink animations. We'll show you step-by-step how to add blinking effects to draw attention to important alerts in your projects.
Music Credits:
"Scott Buckley - Snowfall" is under a Creative Commons (BY 3.0) license:
creativecommon...
/ musicbyscottb
Music powered by BreakingCopyright: • 'Snowfall' by Scott Bu...
#DrivenBIData #SVG #BlinkAnimation #CriticalAlerts #WebDesign #UserExperience #AnimationTutorial #WebDevelopment #CSSAnimations #SVGAnimation #Coding #HTML #UIUX #DynamicVisuals #WebDev #drivenbidata
This is simply outstanding work ! The solution is practical, needed at multiple places, and not natively available in PowerBI.
Awesome! Thanks for sharing such a neat process. Additionally, I really loved the music. You are awesome! Keep sharing more stuffs. Thank so much.
Thank you for your kind words Nishant! Glad you found this content useful.
Love this. Very elegant solution.
Thank you! Glad you like it! ✨️
Amazing, Learned new thing today!🎉
Thank you! Good to hear ✨
You're great developer, awesome!
Thank you! Appreciate your kind words.
A-MA-ZING 🤩
Thank you 🙂
Amazing!!!
Thank you !
Thanks for sharing. The issue I am facing is whenever I am adding these visuals on my table, the row heights are increasing automatically even though the symbols are smaller in size. I am not been able to address that. If I try to reduce the size of the circle then the size looks like a dot. If anyone here has the fix kindly share
excellent bro!🔥
Thank you!
Excellent work. Congrats! Likewise, when I place the measure in the table, it copies the measure code to the cell. It doesn't give me the desired result. Please, can u share the svg ?
Thank you! To display the SVG, make sure to set the measure's data category to Image URL in the Measure tools tab. If this isn’t done, you’ll see the SVG code instead of the visual itself.
@@drivenBIdata 🙌💪
Hello, Thank you for sharing. A question, the SVG image takes up a lot of space in the row, not the rectangle but the image itself. How to fix it? Thanks
Hello, happy to share. For the best fit, you can try resizing the image height and width in the visual pane. You may also have to check the viewBox dimensions. The width or height of the viewBox should match or exceed the dimensions of the largest shape or text to prevent any clipping.
@@drivenBIdata thanks!!
Please, can u share the svg ?
You can find the code and PBIX here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
You can find all the files here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
Awesome where can I download the PBI file?. Thanks
You can find the PBIX file here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
You can find all the files here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
Found a problem with svg files not convert to images
Do you mean when you export it as a table? When exported as table it will be converted to the code structure. If you are referring to something else, please do let me know.
great work, can you, please, share with us the code?
Thank you.. You can find the code and PBIX file here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
You can find all the files here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
Please, can u share the svg ?
You can find all the files here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation
You can find all the files here -> github.com/SunoMath/Power_Bi/tree/main/SVG%20Blink%20Animation