Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
Hi,
I have a reuqirement to replicate this Column Chart Shape which was created on Power Point, On Power BI , Any Ideas how to do it , and if there is no Std Way , which external Visuals i can use to achieve that?
Solved! Go to Solution.
So it seems there's some kind of limitation with JavaScript when it's in focus mode. That's why the earlier code built with JavaScript didn’t work in focus mode.
Yes, we can add the moving effect — please find the attached updated code.
Hi @Mohamed_007
If the built-in Python visualization approach wasn’t helpful for you, you can try the HTML content visual approach to create custom visuals in Power BI. HTML content visuals offer more features, such as adding tooltips. However, the downside is that the visual rendering can be slightly slower than Python visuals.
In this video, he explains how to create HTML content custom visuals:
🔗 https://www.youtube.com/watch?v=_mpDkwlqgc8&t=600s
I’ve also attached a sample custom visual I created for your reference.
Hi @kushanNa ,
Thanks For Your Prompt Reply ,
While Zooming In Or Out and During Focus Mode the Visual is Disappearing , Any Fix for that?
Oh, this is the issue with HTML content visual slow rendering. Let me check if I can find a fix for this and get back to you.
Hi @kushanNa ,
Just Following Up with you , you found a fix for that ?
I really appreciate your support 🙏
Hey @Mohamed_007
Unfortunately, I couldn’t find a way to make the image expand automatically in focus mode, but I was able to find a manual solution. You just need to pick an image size from the slicer, and then click Focus Mode — the image will expand accordingly.
Create the image size table and measures in the sample pbix attached, and use that measure in the new DAX code as scaler
Dear @kushanNa
That Would Do the Needful , Just was curious what was the reason behind the visual dissapearing so i can prevent it in the future.
And if possible to add back the Moving effect on the Columns?
Much Appreciated
So it seems there's some kind of limitation with JavaScript when it's in focus mode. That's why the earlier code built with JavaScript didn’t work in focus mode.
Yes, we can add the moving effect — please find the attached updated code.
Hi @Mohamed_007,
Just looping back one last time to check if everything's good on your end. Let me know if you need any final support happy to assist if anything’s still open.
Thank you.
Hi @v-sgandrathi , I tried , it Wasn’t Helpful , I would Appreciate another Solution.
Hi @Mohamed_007,
Has your issue been resolved?
If the response provided by @kushanNa (Thank you for your response) addressed your query, could you please confirm? It helps us ensure that the solutions provided are effective and beneficial for everyone.
Thank you.
Hi @Mohamed_007
You can use Power BI’s built-in Python visual to create custom visuals.
Please check this video by Patrik on how to do it: https://www.youtube.com/watch?v=3_DOF_qjguA. I have also attached a sample I created for your refere...
But Keep in mind that the Python visual has several limitations; for example, tooltips and hovering not work etc.
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
| User | Count |
|---|---|
| 53 | |
| 42 | |
| 34 | |
| 33 | |
| 21 |
| User | Count |
|---|---|
| 140 | |
| 121 | |
| 100 | |
| 80 | |
| 57 |