Wikipedia has a good image showing the sizes of different pyramids compared: https://upload.wikimedia.org/wikipedia/commons/3/3e/Comparis...
Note that Cholula has the largest base, but isn't the tallest.
I too didn't realize that this was possible in SVGs. It's awesome.
Ignore that the Wikipedia page currently calls it "a recommended means[1][2][3] of animating SVG-based hypermedia" (lol). It's a complex feature that browsers have been dragging along for years while nobody's using it. Though it seems that Chrome is finally taking the initiative of dropping support, or at least discouraging its use.
Is there a common definition those buildings fullfill? Or are they on the graph for scale?
"A pyramid (from Greek: πυραμίς pyramis)[1][2] is a structure whose outer surfaces are triangular and converge to a single point at the top, making the shape roughly a pyramid in the geometric sense. The base of a pyramid can be trilateral, quadrilateral, or any polygon shape"
https://en.wikipedia.org/wiki/Pyramid_(geometry):
"In geometry, a pyramid is a polyhedron formed by connecting a polygonal base and a point, called the apex. [...] When unspecified, a pyramid is _usually_ assumed to be a regular square pyramid"
Note the _usually_.
If you shrink a side elevation of the Shard to 10% of its actual height, it looks like an eight-storey tall pyramid: http://imgur.com/a/Vslkl