> For the complete documentation index, see [llms.txt](https://irosyadi.gitbook.io/irosyadi/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irosyadi.gitbook.io/irosyadi/app/interactive-code-webpage.md).

# Interactive Code in Webpage

## Iframe Approach

* [Python Tutor - Visualize Python, Java, C, C++, JavaScript, TypeScript, and Ruby code execution](https://pythontutor.com/)
* [Your Python Trinket](https://trinket.io/python)
* [Repl.it - The collaborative browser based IDE](https://repl.it/)

## Link Approach

* [codepad](http://codepad.org/)
* [Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 70+ other compilers and interpreters - Ideone.com](https://www.ideone.com/)
* [CodeSkulptor3](https://py3.codeskulptor.org/)
* [Iodide](https://alpha.iodide.io/) lets you do data science entirely in your browser, self-hosted

## Script Approach

* [brython-dev/brython: Brython (Browser Python) is an implementation of Python 3 running in the browser](https://github.com/brython-dev/brython)
* [datacamp/datacamp-light: Convert any blog or website to an interactive learning platform for data science](https://github.com/datacamp/datacamp-light)
  * for R Markdown [datacamp/tutorial: R Package to convert R Markdown files to DataCamp Light HTML files](https://github.com/datacamp/tutorial)
* [viebel/klipse: Klipse is a Javacript plugin for embedding interactive code snippets in tech blogs. A simple client-side code evaluator pluggable on any web page: clojure, ruby, javascript, python, scheme, es2017, jsx, brainfuck, c++, reagent, lua, ocaml, reasonml, prolog, common lisp](https://github.com/viebel/klipse)
  * [viebel/kids.klipse.tech: An interactive functional programming course for children based on clojure and klipse](https://github.com/viebel/kids.klipse.tech)
  * [Klipse for Kids](http://kids.klipse.tech/)
  * [Code playground in ruby, clojure, javascript, python, PHP and more](https://blog.klipse.tech/klipse/2016/09/09/klipse-languages.html)