Stats Visualizer

[shaunlebron]

Applying what I learned from Tufte's "See, Think, Design, Produce" course to visualize the progression of a Tetris game.

[shaunlebron]

Here is the current working stats graph (shown below the scoreboard during the game):

Each column represents the state of the board after each piece has been dropped:

• light grey = space occupied by the piece before being hard-dropped
• dark grey = height of the board
• red = rows collapsed

You can glean from the graph that I got screwed waiting for the fourth tetris. After which I was desperately making small collapses to stay alive.

Notice the progression of the light grey "drip". I imagine an expert's "drip" would be pretty short.

[shaunlebron]

A gradient instead of a solid grey may help visualize the density of each row. May be too much to digest.

[brettdarnell]

I like this idea a lot actually after seeing in action. Let's talk about where/how we implement that into the overall experience. I am assuming in our "trophy" screen. Thoughts?

Also, the fact that you wrapped your head around the player progression of a tetris round is really nerdy, but awesome.

[oakmac]

I also really like this idea - great work Shaun :)

I would love to see this graph update in real-time under (or above?) the board as you're playing and maybe have a "community" version of the graph for everyone showing on the dashboard.

[Lgutierrez]

:+1: Is there, a branch or PR attached to this issue yet? I'd like to see it in action too

[brettdarnell]

When you guys iron out the scope of this on paper I will gladly work up some design comps. Give me a shout when you guys have that figured out so I can knock it out.

[shaunlebron]

Cool, yeah, you can already try it in the master branch. The graph is drawn below your score as you play.

[imalooney]

this is very cool! i want to see Pounds' 90K game stats STAT.

[pgambling]

It's live on the server.

[shaunlebron]

here's what a lucky streak looks like (159k single player)

click to see all those tetrises: