A small emoty wooden frame on a bright red wall

Cet article est également disponible en français

The viewBox attribute is one of the first encountered by those new to SVG, and potentially one of the most confusing. While it has been covered by others in the past - Sara Soueidan’s long-form series might be considered one of the canonical resources - designers and developers have been missing a “quick start” guide that provides just the details necessary to get up and running in the most common vector drawing applications. That’s the goal of this article.

Earth and Venus share an interesting orbital relationship: for every eight times our home planet goes around the sun, Venus circles 13 times. This coincidental orbital resonance creates a beautiful five-fold symmetry when plotted out, as shown in the SVG above; this article shows how to create this and similar effects in your own work.