In this course we will build tiny pieces of graphics with SVG, working our way through everything you can make with an SVG in it’s most basic form. Most of the ways we work with SVG in real life has the pieces of the SVG obfuscated in some way- in this course we’ll go through the building blocks in the simplest form possible so that students can then create anything.

In this lesson we go over how to draw basic shapes in SVG using the coordinate system: circles, ellipses, squares and rectangles, and rounded rectangles.

html

Create Circles and Rects in the SVG DOM

In this lesson, we go over how to draw any polygon element, as well as how to convert it to a polyline

Build Graphics with SVG

Sarah Drasner

Course Content