Pokemon Trading Cards

I do enough financials and RAG status reporting in my day job, so when I read the Spotlight brief I thought: why not do something a little nostalgic for fellow 90s kids—and test my design skills outside of corporate greyish-blue?

 

First step was grabbing data. Turns out there’s a PokéAPI and some handy GitHub repos, and the Power Query engineering landed somewhere between “cobbled together” and “almost tidy,” considering the clock (and my day job).

 

The new card visual got me most of the way, but I wanted movement. Animation’s everywhere in modern web design, so I jumped into my favorite territory: DAX SVGs. From there, I had full control to make the cards behave exactly how I wanted—button slicer for interactive states, plus using it to arrange a grid (you can’t quite pull that off in the new image visual). Shout‑out to Injae Park for dropping the button slicer tip a while back; it’s still doing heavy lifting for me.

 

While we’re handing out credit: Kerry Kolosko for her wicked site sharing SVG secrets that dragged me into this rabbit hole in the first place, and Daniel Marsh-Patrick for the great chat about visualizations and his journey to creating the Deneb visual at the recent Difinity conference in Auckland.

 

Hope everyone likes the end result—if you want to chat or share DAX, find me on LinkedIn.