diff --git a/README.md b/README.md
index 2d2b09d5..2e65024b 100644
--- a/README.md
+++ b/README.md
@@ -164,6 +164,15 @@ LosslessCut uses the Chromium browser's HTML5 video player, and not all formats/
 - [FAQ, known issues, limitations and troubleshooting](issues.md)
 - [Contributing](CONTRIBUTING.md)
 
+### How does `lossless-cut` work under the hood?
+
+Check out this interactive walkthrough of the `lossless-cut` codebase on CodeCanvas [here](https://www.code-canvas.com/?session=unauthenticatedGithub&repo=lossless-cut&owner=mifi&branch=master&OnboardingTutorial=true).
+
+To refine existing dataflow simulation or create new ones, follow the quick tutorial [here](https://docs.code-canvas.com/updating-diagram).
+
+<img width="1916" alt="CodeCanvas Screenshot" src="https://codecanvas-media-public.s3.amazonaws.com/images/codecanvas-readme-screenshot.png" />
+
+
 ### Video demos
 
 - [Common features](https://www.youtube.com/watch?v=pYHMxXy05Jg)