Perplexed by SVG viewBox, width, height, etc

Question

If my understanding of SVG were correct, the following two SVG descriptions would result in identical images, but they don\'t. (NOTE: The two code listings differ only in the c

Answer 1

For a precis on the viewBox see the (only) figure in this article: https://web.archive.org/web/20140119030353/https://software.intel.com/en-us/html5/blogs/viewbox-a-window-into-the-soul-of-svg, inlined below for convenience:

That picture is worth 1000 words of explanation.

The width and height parameters, aka the viewport in W3C terminology are a different thing. But you're not changing those in the above example. There is a slightly complex algorithm for determining if the width and height from the SVG actually do anything because they can be overridden for example by the