NBA Shot Chart

At the moment, NBA playoff series has come to nervous game 7 and I was doing the shot chart design for 76ers vs. Raptors during the playoff series to show my love to 76ers!

I tweaked the d3-shotchart library a bit, adjusting the efficiency percentage threshold and style to make it more visually attractive.

Later on, I played with 3D transformation on svg to test out the 3D shot chart that I’ve long been wondering how! Two ways I tried - apply transformation to div in css or to svg in its various attributes. Both work fine and hope I’ll step into actual 3D visualization soon!