Scribbler - JavaScript Notebook, Online Compiler & Editor

Installing

• - No specific installation is required. You can use the git-hosted version (without downloading anything) here: https://app.scribbler.live/.
• - Alternatively, you can download or clone the Github repo on any machine and host it in webserver.
• - To host the app online, put the folder in web directory of the server and use the link to index.html.
• - That’s it. No no npm, no node, no pip install, no apt-get install.

Hello-World

JavaScript: The only language where you can write the “Hello world” code in one line or in 1000.

~ Anonymous

Easy to start:

Simple interface for array manipulation and charting:

Example Notebooks

A hello-world notebook: https://app.scribbler.live/#./examples/Hello-world.jsnb. More examples are added in the folder examples/ in Scribbler repository. Check the Samples page for links.

Cells

• - The notebook consists of cells. Each cell will have user inputted doc/code and an output.
• - There is a menu at the top right corner of the cell (or above the cell in case of smaller screens).
• - There are two types of cells: code and doc. The type of cell can be toggled using a switch in the cell menu.
• - For code cells input and output are both shown. For doc cells, input is hidden and opens up if you click the output.

Actions

To get the output of a cell press play ► button on the cell menu (or Cmd/Ctrl-Enter on keyboard after selecting the cell). The cell menu also has buttons for moving the cell up ↑, down ↓, adding a new cell ✛ and deleting the current cell ☓.

Saving

A notebook can be downloaded as json (has a default extension of .jsnb). IT can be loaded back into the app. The notebook or only the output can also be downloaded as html.

Loading

A .jsnb file can also be directly loaded into the app by suffixing the url of the file after “#” something like: https://app.scribbler.live/#link_to_file.jsnb. The url of the file should be accessible by the browser through GET method.