An ability to define code in one location and reuse it in another helps you make your code more modular, maintainable, and readable. SVG provides that ability through elements that define the code and elements that reference it for reuse.
What’s the best way to organize your SVG code? If all you want to draw is a line or simple shape there’s not much to organize, but what about SVGs with multiple shapes and lines that combine to form a more complex whole?
For the last few weeks we’ve been looking at SVG coordinate systems, the SVG canvas, the viewport through which we can see a part of the canvas, and the viewBox that lets us map a region of the canvas into the viewport.
A large part of success is putting in the time each and every day. It comes from sitting down at your desk to work and keeping up with the daily grind. You can gain a lot from a consistent effort that you can’t get any other way.