top of page

Using a local code playground to develop with SigPlot.

Updated: Jul 17, 2019

Code playgrounds, such as jsFiddle, CodePen, or jsBin, are great when you want to build examples using a published SigPlot baseline. The latest published version of SigPlot is always available from JSDelivr at these URLs:

Simply add one of these URLs as a resource to your playground (or use the <script> tag) and you can being playing with SigPlot. Here are some examples to get you started:

This works great until you want to work in a playground against a local copy of SigPlot. For example, you might be working on a new feature or bug-fix and want to use a code playground to test your code. Or perhaps you might be on an airplane without Internet access. In these scenarios it is useful to use an offline playground such as WebMaker.

The WebMaker playground uses a nifty feature called ServiceWorkers so that the webapp is available offline. This means that you have a code playground that is always available even when you are not connected to the Internet. It also provide a convenient mechanism for writing code against a development copy of SigPlot.

Here are the steps to use WebMaker with a local copy of SigPlot.

1) Clone the SigPlot repository and build SigPlot ( for more details on creating a development environment)

2) Start the SigPlot local web server

4) Click the "Add library" button in the upper-right corner of the app and add the URL for SigPlot.

5) Include your SigPlot code and WebMaker will render it.

You now have an local code playground where you can execute code against your local copy of SigPlot.

Whenever you make a change to the SigPlot source, rebuild it with 'grunt' and then refresh your browser page. BUT BEWARE, if you haven't pressed Save before you refresh and changes in your window will be lost.



bottom of page