Skip to content

Introduction

The examples in this series are meant to give you a good overview of what can be done using Interactive SVGs, but it is not intended to be a complete reference.
You can use any text editor available to edit SVGs but we recommend using https://code.visualstudio.com/ since it is free and has great support for coding SVGs using extensions.

These tutorials are designed to be done in order as the code descriptions get fewer as you progress and focus more on the actual content.

Setup

  • In your project, create a new area called InteractiveSVGs.
  • Grab a cup of coffee and make sure that you can work uninterrupted for the next 30 minutes.

When you're done with this you can move on to the first tutorial.