Egghead Instructor Sarah Drasner

Sarah Drasner

I work for myself as a consultant, specializing in architecture for Front-End component libraries, data visualizations, and SVG/SVG Animations. I teach workshops with Val Head for webanimationworkshops.com, and I'm a staff writer for CSS-Tricks.



Support Sarah's Free Lessons
become a member today

Browse Sarah Drasner's lessons.

showing 2 lessons...

Create Circles and Rects in the SVG DOM

Create Polygons and Polylines in the SVG DOM

otherjs tutorial about Create Circles and Rects in the SVG DOM

Create Circles and Rects in the SVG DOM

1:23 otherjs

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.

otherjs tutorial about Create Polygons and Polylines in the SVG DOM

Create Polygons and Polylines in the SVG DOM

0:59 otherjs

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

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?