Jason Vertucio

You know me! ™

I made a 3D bar graph using just HTML and CSS


(tap on the graph to reset the animation)

I’m all proud of myself for making this. It’s actually for work, where I build specialised digital presentations for iPads, so this really only works on browsers like Safari and Chrome. I also threw together some Firefox support, but this only works in the latest and coolest of browsers, so if you have, like, Firefox 4 or almost any version of Internet Explorer, this won’t work.

I had some help. This article at Codrops gave me the initial idea. But, like other “3D CSS Bar Graph” articles I found, all of them create the illusion of 3D by creating triangular borders around the bars.

That is not my desired goal as it’s not built in a 3D space, so I cannot rotate around the view. So, I made my own. Continue reading “I made a 3D bar graph using just HTML and CSS” »