- Lab
-
Libraries: If you want this lab, consider one of these libraries.
- Core Tech

Build an SVG Library with JavaScript
In this code lab, you’ll follow instructions to 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.

Lab Info
Table of Contents
-
Challenge
SVGElement Class
Overview
In this lab, 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.
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.
-
Challenge
Sight Class
Using your new JavaScript Library you will create an SVG circle. ### Solution The solution can be found in the
solution
directory.
About the author
Real skill practice before real-world application
Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.
Learn by doing
Engage hands-on with the tools and technologies you’re learning. You pick the skill, we provide the credentials and environment.
Follow your guide
All labs have detailed instructions and objectives, guiding you through the learning process and ensuring you understand every step.
Turn time into mastery
On average, you retain 75% more of your learning if you take time to practice. Hands-on labs set you up for success to make those skills stick.