Interactive Code in Webpage

Interactive Code in Webpage

Iframe Approach

• Python Tutor - Visualize Python, Java, C, C++, JavaScript, TypeScript, and Ruby code execution

• Your Python Trinket

• Repl.it - The collaborative browser based IDE

Link Approach

• codepad
• Online Compiler and IDE >> C/C++, Java, PHP, Python, Perl and 70+ other compilers and interpreters - Ideone.com
• CodeSkulptor3
• Iodide 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

• datacamp/datacamp-light: Convert any blog or website to an interactive learning platform for data science

  • for R Markdown datacamp/tutorial: R Package to convert R Markdown files to DataCamp Light HTML files

• 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

  • viebel/kids.klipse.tech: An interactive functional programming course for children based on clojure and klipse
  • Klipse for Kids
  • Code playground in ruby, clojure, javascript, python, PHP and more