Skills Expanded

Build an SVG Library with JavaScript

What you'll learn

In this project, you’ll follow along with our instructions and build a simple SVG Library with JavaScript. You’ll create two classes using the new class declaration in JavaScript. You will then create a simple SVG drawing in an HTML document with the SVG Library.

Table of contents

Setup
10m
  • Set up your local environment for projects. We'll walk you through everything you need to know, including how to install and configure your environment to be able to complete all of the tasks.
SVG Library
20m
  • By the end of this module, you’ll have created a Javascript library which can be used to draw SVG elements in an HTML document.

About the author

Tom is a staff author at Pluralsight helping to develop Hands-On content. Tom's background in software development, UI/UX, and instructional design was developed over the years while working as a faculty member at the School of Computing at Weber State University in Utah, and continues to grow as he develops Projects and Labs for Pluralsight. When he's not creating content to allow learners to gain real-life experience, he enjoys spending time with his family.

Ready to upskill? Get started