Dataviz Contest for Pros | Fabric Data Days: My Resume Reimagined as a Game UI 11-22-2025 21:15 PM - last edited 12-08-2025 13:06 PM

[syazwansharani]

Hi all! I decided to go on a more fun route and made a very simple version that looks like a game instead. The images are created by chatGPT based on my own personal images when working, prompted to create the image in the styles of GTA. Mostly native visuals are used, while the moving images are via HTML. Hope you like it!

eyJrIjoiY2E0ZDAyYjItN2ViYy00NzljLTllYjUtYzZjNWZlYjNiZDMyIiwidCI6IjgzNzAyM2U4LThiMTctNGVkNS05OWMyLTA1Mzc5MmU1YzRkNSIsImMiOjEwfQ%3D%3D

[Nabha-Ahmed]

Love the visuals! They’re clean, informative, and very effective

[Flyinghigh]

If anyone wondering how to do it, i had to come up with my own way....
Just create a measure and use it as the "Value" for a content of type "HTML Content"

replace the BASE64_HERE text with your base64 text, should look like the following
iVBORw0KGgoAAAANSUhEUgAAAbAAAAJCCAYAAACh...

and then play with the values for X and Y moving




HTML_IMAGE =
"<div style='width:350px;height:600px;overflow:hidden;'>" &
"<svg xmlns='http://www.w3.org/2000/svg' width='350' height='600'>" &
"<image xlink:href='data&colon;image/png;base64,BASE64_HERE' " &
" x='0' y='0' width='350' height='600'>" &
"<animate attributeName='x' values='0;10;0' dur='2.2s' repeatCount='indefinite'/>" &

"<animate attributeName='y' values='0;10;0' dur='1.2s' repeatCount='indefinite'/>" &
"</image>" &
"</svg>" &
"</div>"

[slindsay]

Wow! Playing around with this report is even more fun than the video you put together. I sense a "how did you do that" live stream coming! 😉

[Flyinghigh]

Could you please share the pbix?