48 ms·

Huh, never realized you could target individual elements of an SVG with CSS :hover rules! https://upload.wikimedia.org/wikipedia/commons/a/ac/Comparison_of_pyr

• sehansen 3y ago
  Wikipedia has a number of cool, interactive SVGs. This illustration of satelite orbits is my personal favourite: https://upload.wikimedia.org/wikipedia/commons/b/b4/Comparison_satellite_navigation_orbits.svg https://upload.wikimedia.org/wikipedia/commons/b/b4/Comparis...
• dboreham 3y ago
  Transamerica Pyramid : lol
  • paulmd 3y ago
    how can I take this comparison seriously when they don't even include the Bass Pro Shops pyramid?
• teachrdan 3y ago
  I didn't know this either! I once made an interactive dashboard and couldn't figure out how to add an on-click action to my SVG heat map. So I used the same coordinates that I used for the heat map to make a bunch of invisible divs on top of the SVG, and added on-click actions to those divs.
• npsomaratna 3y ago
  Yes, this was interesting to learn. On a tangent: it's awe-inspiring just how much older the Egyptian pyramids are, vis-a-vis the other pyramidal structures listed there.