diff --git a/docs/docs/getting-started.md b/docs/docs/getting-started.md
index 578b714b..63449542 100644
--- a/docs/docs/getting-started.md
+++ b/docs/docs/getting-started.md
@@ -6,9 +6,11 @@ npm install charmingjs
 
 There are several way to using Charming.
 
-<!-- ## Try Online
+## Try Charming Online
 
-Charming uses [Observable Notebook](https://observablehq.com/platform/notebooks) as its playground, try this [starter notebook](https://observablehq.com/d/7b4e552feea11ed3)! -->
+The fastest way to get started with Charming is on [p5.js Web Editor](https://editor.p5js.org/Charming.js/sketches/aR6--CqLp)! Open this sketch and play around. Then go to File > Duplicate to fork it!
+
+![p5.js-editor-example](/p5.js-editor-example.png)
 
 ## Installing from Package Manager
 
diff --git a/docs/public/p5.js-editor-example.png b/docs/public/p5.js-editor-example.png
new file mode 100644
index 00000000..b3870ae5
Binary files /dev/null and b/docs/public/p5.js-editor-example.png differ