How to make an HTML table from 3D bricks?

Question

css

I'm making up a diagram about service-oriented architecture : But I want something like this: Please tell me how. Maybe you can somehow apply from CSS3? Or maybe someone saw and will tell you a link where it has already been successfully laid out, and I'll figure it out further and copy it.






box-shadow

Answer 1

It's a little disappointing that the left answer that suggests abandoning the idea gets +4, and after the correct (mine, yeah) answer, the author also doubts "If not CSS." Well okay, what. Have to chew and put in your mouth: pastie.org/1135685

Answer 2

I can't get rid of the thought that perhaps it makes sense to make the entire diagram a picture. The size will turn out to be small, and it will be easier to make an order of magnitude.

Answer 3

You can use the transform : skew css3 property . In this case, you will have to use either 3 elements each, or use pseudo-elements before and after. You will also have to somehow overcome the problem of superimposing the lower elements on the upper ones. For example, make all elements position: relative and decrease the z-index from top to bottom.

Answer 4

Maybe svg / vml there seems to be extrusion.

Answer 5

Look like this:

Answer 6

A little higher, you were interested in JS libraries for drawing charts.
I found two topics that describe a fairly decent amount of such libraries. I hope that among them you can find the right one.
habrahabr.ru/blogs/javascript/80027/
habrahabr.ru/blogs/javascript/79960/