After completing this demo, a developer should understand how to:
- Render SVGs with Lit
- Create generative graphics with SVG
- Theme SVGs with CSS
- Create repeat patterns with Lit and SVG
- CSS-Tricks has an extensive series covering more advanced SVG concepts.
- Sarah Soueidan's blog also covers a wealth of SVG topics and is well worth your time.
- Learn more about grids and patterns with this article by frontend horse.
Paul Jackson's How to make Repeat Patterns is the foundational material used to create this tutorial.
- Checkout a wonderful devto article on creative coding in SVG.
- The coding train provides fundamental instruction and expertise required for creative coding.