Hacker News new | ask | show | jobs
by kilovoltaire 1406 days ago
Thanks for the nice comments, everyone! I made this but didn't expect to see it here.

As people have noticed, the spinning diagrams are done with CSS, which was fun.

Basically it's just an `animation: linear infinite;` from `transform: rotateY(0turn);` to `transform: rotateY(1turn);`

(source here https://github.com/hrldcpr/poole/blob/master/_sass/_latex3d.... )

To keep the numbers facing forward, they're all also rotating, but in the opposite direction :p

And all of the numbers' `translate3d(...)` coordinates are generated by a Python script because I didn't want to do that by hand...

1 comments

I think you've buried the lede here. The sum-of-cubes visualization is neat but IMHO it pales in comparison to your use of the time dimension in mathematical notation allowing you to make 3-D symbols in a medium that has only two physical dimensions. I've never seen that before. It's one of those things that is kind of obvious once you see it for the first time, but AFAICT you are the first person ever to actually do it.
Completely agreed - i was mindblown seeing the rotating formulae, but it is instantly understandable.

I think this sort of visualization is what makes a computer medium better than a paper medium to convey info.